SUPABASE

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/langchain-chatbot-demo [1] https://js.langchain.com/docs/modules/indexes/vector_stores/integrations/supabase [2] https://github.com/pinecone-io/chatbot-demo [3] https://www.pinecone.io/learn/javascript-chatbot/ 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: https://youtu.be/FmezY-vYlkg ▶ Build your own ChatGPT with Next.js & OpenAI: https://www.youtube.com/watch?v=xmfNUCjszh4 ▶ All Next.js Supabase videos: https://www.youtube.com/playlist?list=PL5S4mPUpp4OtwG-qCxm8gA_hjaBq0OPdz 👇 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: https://www.youtube.com/channel/UCNTVzV1InxHV-YR0fSajqPQ?sub_confirmation=1 📱 Connect with Us: 🐙 Github: https://www.github.com/supabase 💬 Discord: https://discord.supabase.com/ 🐦 Twitter: https://www.twitter.com/supabase/ ▶ Instagram (follow for memes): https://www.instagram.com/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