Build a Chatbot with Nextjs LangChain OpenAI and Supabase Vector

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=Tt45NrVIBn8

In this demo[0] we showcase how to build an AI chatbot using Next.js, LangChain with OpenAI and Supabase Vector[1], Supabase Auth, and Supabase Realtime! • This demo is a fork of the Pinecone chatbot demo[2], the details about its architecture and workings can be found in their blogpost[3]. • [0] https://github.com/supabase-community... • [1] https://js.langchain.com/docs/modules... • [2] https://github.com/pinecone-io/chatbo... • [3] https://www.pinecone.io/learn/javascr... • In this video we’re showing you exactly, step by step how to build a chatbot using Next.js and LangChain, powered by Supabase Vector. We’ll also show you how to integrate advanced AI capabilities in your app so you can interact dynamically with documents. • What you'll learn: • ✅ How to set up a Chatbot: Learn how to set up a multi-user chatbot that interacts with documents, with LangChain JS and Next.js. • ✅ Supabase as a Full-Stack Solution: See how Supabase Vector can replace multiple services like Pinecone, Ably, and CockroachDB, simplifying your tech stack. • ✅ Indexing and Querying with LangChain: Understand the process of generating embeddings, indexing them using Supabase Vector, and querying these embeddings to fetch relevant information. • ✅ Real-Time Interaction: Implement Supabase real-time features to stream responses back to the user so interaction is fluid. • ✅ Securing with Row Level Security: Apply Supabase's row level security to ensure that queries are only accessible to authenticated users. • By the end of this video, you'll have a fully functional chatbot that not only understands user queries but also fetches and streams relevant answers using Supabase's robust infrastructure. • This is the EASIEST way to use Next.js, LangChain, and Supabase to create powerful AI-driven chatbots for your app. • 🎙️ Presented by Thor Schaeff (@thorwebdev https://go.thor.bio/x) • Chapters • 00:00 Intro • 00:08 Demo preview • 00:52 Demo architecture • 03:06 LangChain Supabase Vector • 03:27 Clone the repo and run it locally • 04:35 Enable RLS for LangChain • 06:07 Start Supabase locally • 06:30 Crawl a website and store embeddings • 09:00 Inspecting the crawler code • 11:02 Testing email signup verification locally with Inbucket • 11:57 Chatbot demo • 12:55 Inspecting the chat code • 16:16 Using Supabase Realtime Broadcast to stream responses • • 💻 Videos to watch next: • ▶ Monitor database Queries in Next.js: • Monitor Database Queries in Next.js A... • ▶ Build your own ChatGPT with Next.js OpenAI: • Build your own ChatGPT with Next.js a... • ▶ All Next.js Supabase videos: • Next.js with Supabase • 👇 Learn more about Supabase 👇 • 🕸 Website: https://supabase.com/ • 🏁 Get started: https://app.supabase.com/ • 📄 Docs: https://supabase.com/docs • 🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase • 📱 Connect with Us: • 🐙 Github: https://www.github.com/supabase • 💬 Discord: https://discord.supabase.com/ • 🐦 Twitter: / supabase • ▶ Instagram (follow for memes): / supabasecom • • ABOUT SUPABASE: • Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs. • Build in a weekend, scale to millions. • #Supabase #AppDevelopment #RealtimeApps #DeveloperTools

#############################

New on site