Description
Build and deploy an AI note-taking app with retrieval-augmented generation (RAG) using Next.js 15, Convex, the Vercel AI SDK v5, and the OpenAI API.
Links & project files:
Starting code: https://github.com/codinginflow/convex-aisdk-rag
Final code: https://github.com/codinginflow/convex-aisdk-rag/tree/Final-project
Convex Dashboard: https://dashboard.convex.dev/
middleware.ts: https://github.com/codinginflow/convex-aisdk-rag/blob/Final-project/src/middleware.ts
http.ts: https://github.com/codinginflow/convex-aisdk-rag/blob/Final-project/convex/http.ts
ai-chat-button.tsx: https://github.com/codinginflow/convex-aisdk-rag/blob/Final-project/src/app/(main)/notes/ai-chat-button.tsx
⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs
✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter
💬 Join our developer community on Discord: https://codinginflow.com/discord
📣 Follow Coding in Flow on social media:
Twitter: https://twitter.com/codinginflow
Instagram: https://instagram.com/codinginflow
TikTok: https://tiktok.com/@codinginflow
Facebook: https://facebook.com/codinginflow
Timestamps:
0:00 - Project preview
2:00 - Project setup
4:00 - Convex setup
10:16 - Convex Auth setup
29:00 - Creating notes (mutations)
38:45 - Fetching notes (queries)
44:55 - Deleting notes
55:55 - Basic chatbot (streamText, useChat, http actions)
1:30:30 - Creating vector embeddings
1:52:28 - Similarity search + tool calling
2:15:19 - Deployment
2:20:05 - Outro & more