Build and Deploy a RAG Chatbot with JavaScript, LangChain.js, Next.js, Vercel, OpenAI

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

Course developed by @aniakubow

🏗️ DataStax that provided a grant to make this course possible.

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:04:01) What is RAG?
⌨️ (0:06:21) Prerequisites
⌨️ (0:07:06) Vector Embeddings
⌨️ (0:09:22) Datastax Vector Database Management System
⌨️ (0:11:42) OpenAI
⌨️ (0:14:13) Let’s build a F1 RAG Chatbot!

🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual

--

  1. freeCodeCamp.org
Рекомендации по теме
Building a RAG 0:21:14

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

Build and Deploy 1:50:36

Build and Deploy a RAG Chatbot with JavaScript, LangChain.js, Next.js, Vercel, OpenAI

How to Build 0:45:52

How to Build and Deploy a RAG Model on Your Localhost

How To Deploy 0:55:07

How To Deploy Your RAG/AI App On AWS (Step by Step)

Build a RAG 0:24:03

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

Build a RAG 0:08:58

Build a RAG solution with your data & Azure OpenAI in 9 minutes

Build a RAG 0:16:12

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

What is Retrieval-Augmented 0:06:36

What is Retrieval-Augmented Generation (RAG)?

Build a YouTube 0:06:17

Build a YouTube RAG Agent: AI-Powered Answers from Video Content!

Building a RAG 1:12:39

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

Build and Deploy 0:24:04

Build and Deploy a RAG app with Pinecone Serverless

Build a RAG 0:10:54

Build a RAG based Generative AI Chatbot in 20 mins using Amazon Bedrock Knowledge Base

Build a Large 0:02:53

Build a Large Language Model AI Chatbot using Retrieval Augmented Generation

Build and deploy 0:03:06

Build and deploy a RAG-based chatbot with AI Hub Templates

NVIDIA NIM: The 0:27:19

NVIDIA NIM: The Game-Changer in Gen AI Deployment (Build a RAG)

Managed RAG Deployment 0:05:10

Managed RAG Deployment on Amazon Bedrock - Deployed in Minutes

Building a RAG 0:53:15

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

RAG + Langchain 0:16:42

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

Building Production-Ready RAG 0:18:35

Building Production-Ready RAG Applications: Jerry Liu

Python RAG Tutorial 0:21:33

Python RAG Tutorial (with Local LLMs): AI For Your PDFs

Program a RAG 0:43:58

Program a RAG LLM Chat App with LangChain, Streamlit, OpenAI and Anthropic APIs

ADVANCED Python AI 0:48:08

ADVANCED Python AI Agent Tutorial - Using RAG, Langflow & Multi-Agents

What is Agentic 0:05:42

What is Agentic RAG?

Build your own 0:16:41

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

Комментарии
Автор

Thanks so much for watching!! Hope everyone finds this course useful 😊 Remember to use the same versions of the packages that are shown in the package.json file if you are watching this video in the future, and watch the video through to the end to get all of the code for free 🎉

aniakubow
Автор

Literally u guys r doing amazing work, thanku.

shahaadii
Автор

If you get the error that your OPENAI_API_KEY is wrong but you've checked 100x and know it's right, you probably have a system-level environment variable for OPENAI_API_KEY that is likely overriding the value in your .env file.

Hope this helps :D

shib
Автор

It was an awesome tutorial. I actually built it my own way. For those wondering if they can do it for free. Without using the openai embeddings or openai models then yes you totally can.

anfiiaidev
Автор

THat's the thing i am looking on youtube for several days.
nextJS with GenAI

arunshukla
Автор

That just came in the very right moment. Thanks for sharing your knowledge 🙂

XaverHauck
Автор

Hopefully this video will get me from RAG to riches

ICodeForALiving
Автор

I finished this project with latest version of NextJS. I used tailwindcss. But I dont like Data Stax DB performance. Anyway, I learned new things.Thank you Ania...

abdullahkarahan
Автор

This channel is doing more good for the world than the United Nations, I think.

sandeepreddy
Автор

It course useful for developer. Thank you...

himkhy
Автор

Where can I learn more about the API's pricing for both vision and text?

Dooshanche
Автор

The tutorial is great, but getting an error with the next.config.ts file that I am unable to resolve after much troubleshooting. Are the project files available to compare with mine?

justgimmethedamnfile
Автор

thank you for this great tutorial ! how can I deploy this to vercel or any other platform to access to in my browser

emmanuellopez
Автор

Could you please share the version of 'ai' package that is used here, because in the recent release OpenAIStream and StreamTextResponse isnt available

KajalMusic-td
Автор

Do you know something called as rafce 1:13:18

shivashankarec
Автор

can any one share the repo of the project please ?

AkramBOUGHAZI-sw
Автор

any free alternatives i can use instead of openai API?

ojusw
Автор

Can we have the same thing in PYTHON please ?

ajithsdevadiga
Автор

As I was running the loadDb script, I saw at some point that my Astra DB had 850+ records in my f1gpt collection. A few minutes later, it went down to 418 records. Then it went back up to 1028 records. Can this happen where the number of records decreases in a collection?

stratuspei
Автор

Why was the app router not used instead of pages?

shivashankarec