Build An AI Notes App (Vercel AI SDK v5, Next.js 15, Convex, RAG)
Jun 18, 2025•Channel
AI Analysis
Data from YouTube Data API v3•Updated Just now
Video Overview
Video Details
PublishedJun 18, 2025
Duration2:20:52
Video IDnDgs4Z58Hrc
Languageen
CategoryEducation
PrivacyPublic
Made for KidsNo
Video TypeRegular Video
Performance Metrics
Views8.5K
Likes321
Comments34
Engagement Rate4.20%
Likes per 100 views3.80
Comments per 1K views4.02
Video Tags
#vercel ai sdk#shadcn ui#vercel ai sdk chatbot#vercel ai sdk rag#vercel ai sdk next js#vercel ai sdk streaming#vercel ai sdk usechat#vercel ai sdk openai#convex#convex ai#convex ai agent#convex ai sdk#next js 15#react#react project#react ai app#vercel ai sdk tools#vercel ai sdk agents#next js project tutorial#rag
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