Build an AI RAG Application with LangChain & Next.js
Dave Gray
@davegrayteachescodeAbout
Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs
Video Description
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn how to build an AI RAG application with LangChain & Next.js. This tutorial introduces LangChain and shows how to use the framework to enhance your chatbots and build RAG (retrieval augmented generation) applications with Next.js. đ Support me on Patreon â https://patreon.com/davegray â Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr đ© Subscribe â https://bit.ly/3nGHmNn đŹ Course Updates â https://courses.davegray.codes/ â Questions - Please post them to my Discord â https://discord.gg/neKghyefqh â Buy Me A Coffee â https://www.buymeacoffee.com/davegray đ Starter Source Code Example: https://github.com/gitdagray/nextjs-ai-chat đ Completed Source Code Example: https://github.com/gitdagray/nextjs-rag-langchain đ My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj đ Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Build an AI RAG Application with LangChain & Next.js (00:00) Intro (00:12) Welcome (00:34) Lesson Goal (01:03) What is RAG? (02:17) What is LangChain? (03:39) Source Code (04:14) OpenAI API Key (05:04) Dependencies (06:35) Frontend Chat Component (07:24) Simple Chat Example (09:29) Ex. 1: LangChain Chat (14:51) Ex. 2: Chat with History (21:06) Ex. 3: Chat with Personality (22:37) Ex. 4a: RAG Pattern Chat with JSON Object (29:58) Ex. 4b: RAG Pattern Chat with JSON file (32:11) Wrap-up đ Tutorial References: đ LangChain: https://js.langchain.com/docs/get_started/introduction đ Next.js: https://nextjs.org đ Vercel AI SDK: https://sdk.vercel.ai/docs đ OpenAI: https://openai.com/ đ shadcn/ui: https://ui.shadcn.com/ đ Next.js Light & Dark Modes: https://www.davegray.codes/posts/light-dark-mode-nextjs-app-router-tailwind Was this tutorial about building a RAG application with LangChain & Next.js helpful? If so, please share. Let me know your thoughts in the comments. #rag #app #langchain
Sizzling Fajita Night Kit
AI-recommended products based on this video
Marc Anthony Anti-Frizz Shield Ultimate Blowout Spray, Grow Long - Smooth, Shiny Hair in High Humidity - Heat Protectant - 200 ml
