Build An AI Notes App (Vercel AI SDK v5, Next.js 15, Convex, RAG)

Coding in Flow · Intermediate ·🔍 RAG & Vector Search ·11mo 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: 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
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

⚡
The Future of RAG: Dead, Evolving… or Becoming the Brain of AI?
Learn about the future of RAG, from its current state to emerging trends like Agentic RAG and multimodal AI
Medium · Machine Learning
 ⚡
Smart Routing, Transfer Family Ingestion, and Voice Chat — Permission-Aware RAG v4.2
Learn about the latest features in Permission-Aware RAG v4.2, including Smart Routing, Transfer Family Ingestion, and Voice Chat, and how to apply them in your projects
Dev.to · Yoshiki Fujiwara(藤原 善基)@AWS Community Builder
 ⚡
Most Companies Doing GenAI Are Really Just Doing RAG: RAGOps Explained for analysts
Learn why RAGOps is becoming the preferred approach for GenAI projects and how it differs from agent-based approaches
Medium · RAG
 ⚡
RAG - Sliding Window, Token Based Chunking and PDF Chunking Packages
Learn about RAG chunking mechanisms, including Sliding Window, Token Based, and PDF Chunking, to improve your AI model's text processing capabilities
Dev.to AI

Chapters (12)

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
Up next
Watch this before applying for jobs as a developer.
Tech With Tim
Watch →