Build an AI RAG Application with LangChain & Next.js

Показать описание

⭐ Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

(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:

#rag #app #langchain

Рекомендации по теме

Комментарии

Please do more AI based projects Dave, love your work !

youneverknow

Thanks for this ! More LangChain please ! More people seem to be warming up to it recently and I bet it will be a good marketable skill to have in the near future if not already.

HavoJavo

that's what am exactly looking for .. thank you so much Dave

omarelhassani

Thank you so much for this and the explanations. I'm surprised how fast the docs were out of date between the video and today. It was frustrating.

Amy-grxc

so great to see this type of topics from you. i learn next js from you now langchain 😊. this is such a huge topic with lang chain lang graph that make my day Dave. thank you so much

cnclunq

it is an excellent app please make one in React RAG and RAG very much needed

AIdevel

Interesting, I started a simple app in the past to answer student questions based on provided PDF/Word/Text documents and then to say it out loud using a TTS API.
I was very motivated until I realized that sometimes it's hard to get access to these things if you're located in the wonderland🤦‍♂🤔

Thanks Dave!

ahmad-murery

simple, clear and very helpful tutorial, thanks :)

mfarnell

awesome job! could you make now ex5 and load the states to a vector database? and later a file?

TomAsh

Soooo helpful and easy to understand. Made this with Vue and Nuxt and it worked nicely. Thanks a lot.

namaefumei

This was really helpful thank you! Subscribed.

bigj

Is there a way to implement custom logic so that the chain doesn't stop at the "?" itself, rather after it?
Returning a question to the user without a question mark is rather meh 😅

Dvir

Thanks for the video, i have a question, to adapt this project to use a free model in Hugging Face what should i consider to do this?
I mean i dont have a credit card to use, so i would like to use a free alternative.

REINOSO

More such apps with AI and next js please

mutasimahmed

Hi, I have a question. It seems that model, chain etc is instantiated and then in the same route we invoke the chain with the question and get a response . So that it means every time user sends a message all of that code would have to be run again ? Does it have to, if it doesnt is there way where can make it such that code doesnt run again and again uneccesarily . Or am I just misunderstanding it ?

abdul.rehman.ikram

I got an idea. Modify that RAG so that, among other things, in addition to querring data, it also generates one=word instructions according to which, for example, Puppeteer will perform interactions in my application. Is it even possible? :D

Biglu

Thank you, Dave. in an unrelated topics are there any workarounds to implement fullscreen on ios as fullscreen API is not working on iPhones

biniyamfikru

Thanks for the video. Any plans in the future to create a DenoJS learning videos/course? More power to you.

JomarAmomas

Hi there this is really fabulous video please make another one with persistent databases like qdrant where the text is converted into text embeddings and retrieved thanks from Jeddah Saudi Arabia

BIDSAH

How much words I can send as json to AI model

programmerpro-hsro

Build an AI RAG Application with LangChain & Next.js

Building a RAG Based LLM App And Deploying It In 20 Minutes

Build an AI RAG Application with LangChain & Next.js

Build a RAG Based LLM App in 20 Minutes! | Full Langflow Tutorial

What is Retrieval-Augmented Generation (RAG)?

Building Production-Ready RAG Applications: Jerry Liu

Learn RAG From Scratch – Python AI Tutorial from a LangChain Engineer

Building a RAG application from scratch using Python, LangChain, and the OpenAI API

Build a RAG application in minutes

Build a custom AI agent/chatbot in Java (hands-on tutorial)

Python AI Agent Tutorial - Build a Coding Assistant w/ RAG & LangChain

Intro to RAG for AI (Retrieval Augmented Generation)

RAG + Langchain Python Project: Easy AI/Chat For Your Docs

Local Retrieval Augmented Generation (RAG) from Scratch (step by step tutorial)

Getting started with (Retrieval Augmented Generation) RAG in Java & Spring AI

Building Multimodal AI RAG with LlamaIndex, NVIDIA NIM, and Milvus | LLM App Development

Build a RAG app in minutes using Langflow OpenAI and Azure | StudioFP101

How to build Multimodal Retrieval-Augmented Generation (RAG) with Gemini

ADVANCED Python AI Agent Tutorial - Using RAG

Building a RAG application using open-source models (Asking questions from a PDF using Llama2)

Build your own RAG (retrieval augmented generation) AI Chatbot using Python | Simple walkthrough

The missing pieces to your AI app (pgvector + RAG in prod)

RAG Explained

Build A Modern AI RAG application with Next.js 14 + LangChain

How to Build a RAG-based ChatGPT Web App: Meet Our new AI Tutor