AI Chatbot ด้วย LangChain & Next.js

เจ้าของผลงานเล่าไว้แบบนี้

aichatbot-langchain-next-deploy https://aichatbot-langchain-next.vercel.app # AI Chatbot ด้วย LangChain & Next.js แอปพลิเคชัน AI Chatbot ที่สร้างด้วย [Next.js 15](https://nextjs.org), [LangChain](https://langchain.com) และ [Supabase](https://supabase.com) มีฟีเจอร์การตอบสนองแบบ real-time streaming, ระบบ authentication และใช้ React patterns ที่ทันสมัย ## 🚀 ฟีเจอร์หลัก - **หน้าต่างแชทแบบ Real-time**: สร้างด้วย AI SDK React hooks เพื่อประสบการณ์ผู้ใช้ที่ลื่นไหล - **การตอบสนองแบบ Streaming**: AI ตอบกลับแบบ real-time เพื่อ UX ที่ดีขึ้น - **การรวม LangChain**: ใช้ LangChain สำหรับการจัดการการสนทนา AI ขั้นสูง - **Multi-Provider Support**: รองรับ OpenAI, Google AI, Azure, OpenRouter, Ollama, vLLM และ Gradient AI - **Supabase Authentication**: ระบบ login/register/password reset ที่สมบูรณ์แบบ - **Chat History & Sessions**: ระบบจัดเก็บและแสดงประวัติการสนทนาแบบเรียลไทม์ - **Optimistic Session Management**: การจัดการ session แบบ optimistic เพื่อ UX ที่ดีขึ้น - **Smart Message Summarization**: ระบบสรุปข้อความอัตโนมัติเพื่อประหยัด token - **Token Management**: การจัดการและนับ token ด้วย tiktoken - **Model Selector**: เลือก AI model ที่ต้องการใช้งาน - **Math/LaTeX Rendering**: แสดงสูตรทางคณิตศาสตร์ด้วย KaTeX - **Chat Sidebar**: ประวัติการสนทนาและการจัดการ chat sessions - **UI ที่ทันสมัย**: อินเทอร์เฟซแชทที่สวยงามด้วย Shadcn/UI และ Tailwind CSS - **Next.js 15 App Router**: ใช้ฟีเจอร์ล่าสุดของ Next.js และ file-based routing - **Protected Routes**: การป้องกันหน้าที่ต้องเข้าสู่ระบบด้วย middleware - **Modular API Design**: API endpoints แบ่งตาม functionality และมี tu

โดย iamsamitdev · ดูโพสต์ต้นทาง