Feb 24
Loading video player...
Try for free: https://tinyurl.com/h3y5zh5r Source code -https://rzp.io/rzp/iMSB3Gt In this video, I build a **production-ready AI Customer Support Chatbot** that anyone can **embed on their website** — just like Intercom, Tidio, or Crisp 🚀 This is a **full-stack SaaS-level project** built using **Next.js, MongoDB, Scalekit**, and deployed on **Vercel**. Perfect for developers, startups, SaaS founders, and agencies who want to add an AI chatbot to any website. 🔥 What you’ll learn in this video: • Build an AI-powered customer support chatbot from scratch • Create an embeddable chat widget (script/tag based) • Multi-tenant SaaS architecture (multiple websites, multiple users) • Authentication & organizations using Scalekit • Store chats, users & configs securely in MongoDB • Modern UI using Next.js App Router • Deploy the chatbot & dashboard on Vercel • Make it reusable for clients or your own SaaS product 🛠 Tech Stack Used: • Next.js (App Router) • MongoDB • Scalekit (Auth & Organizations) • AI Integration • Embeddable Chat Widget • Vercel Deployment 💡 Use Cases: • SaaS customer support • Startup & landing pages • E-commerce websites • Portfolio & business websites • Agency client projects This project is ideal if you want to: • Build real-world AI SaaS products • Learn advanced Next.js full-stack development • Create a strong portfolio project • Launch your own AI chatbot SaaS ⏱ Timestamps: 0:00 intro 8:58 Setting up Nextjs project 13:57 Creating Home page 26:17 Authentication using Scalekit 1:30:24 Continue with Home page 2:00:05 Creating Logout API 2:07:47 Creating middleware/proxy 2:17:45 Let's connect Mongodb 2:39:06 Creating Settings Model 2:47:14 Creating Settings APIs 2:58:02 Creating Dashboard 3:30:36 Setting up Gemini API 3:46:50 Creating chatbot script file 4:38:10 Creating Embed page 5:10:01 Let's deploy our project 👍 Like, Share & Subscribe for more AI + Full Stack SaaS projects! #AIChatbot #NextJS #SaaS #MongoDB #CustomerSupport #AIAutomation #Vercel #Scalekit