Uploaded June 2025 | Updated September 2026, 1 week ago
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: github.com/codinginflow/convex-aisdk-rag
Final code: github.com/codinginflow/convex-aisdk-rag/tree/Final-project
Convex Dashboard: https://dashboard.convex.dev/
middleware.ts: github.com/codinginflow/convex-aisdk-rag/blob/Final-project/src/middleware.ts
http.ts: github.com/codinginflow/convex-aisdk-rag/blob/Final-project/convex/http.ts
ai-chat-button.tsx: 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: codinginflow.com/nextjs
✅ Get my free React Best Practices course: codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: codinginflow.com/newsletter
💬 Join our developer community on Discord: codinginflow.com/discord
📣 Follow Coding in Flow on social media:
Twitter: twitter.com/codinginflow
Instagram: instagram.com/codinginflow
TikTok: tiktok.com/@codinginflow
Facebook: 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
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: github.com/codinginflow/convex-aisdk-rag
Final code: github.com/codinginflow/convex-aisdk-rag/tree/Final-project
Convex Dashboard: https://dashboard.convex.dev/
middleware.ts: github.com/codinginflow/convex-aisdk-rag/blob/Final-project/src/middleware.ts
http.ts: github.com/codinginflow/convex-aisdk-rag/blob/Final-project/convex/http.ts
ai-chat-button.tsx: 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: codinginflow.com/nextjs
✅ Get my free React Best Practices course: codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: codinginflow.com/newsletter
💬 Join our developer community on Discord: codinginflow.com/discord
📣 Follow Coding in Flow on social media:
Twitter: twitter.com/codinginflow
Instagram: instagram.com/codinginflow
TikTok: tiktok.com/@codinginflow
Facebook: 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










