I’ve created a detailed step-by-step visual representation of a RAG (Retrieval-Augmented Generation) system. The diagram illustrates how a document is processed, broken into chunks, embedded into vectors, and used to generate answers through similarity matching and a large language model (LLM).
Let's see how to integrate a smart filtering system into a Next.js application using the Vercel AI SDK. The idea is to allow the user to filter data using a simple description.
This feature, seen in products like Linear or Dub.co, will be implemented in an isolated example that we will detail technically.
Here is my latest side project : Photoshot. An open-source AI avatar generator that uses the Dreambooth model. Is fully open-source (and I run a paid instance as business model).
The tech stack:
- Next.js (fully TypeScript), hosted on Vercel
- Prisma for ORM (db hosted on DigitalOcean)
- Chakra UI for UI components
- Replicate for AI model
- Stripe for payments
Very cool. One suggestion: turn off the autocomplete on the inputs in Chrome. For example if I place an image, in the properties panel I get a lot of weird suggestions as I focus on various fields