Loading video player...
In this video, we build an AI-powered full-stack multi-vendor e-commerce platform using Next.js. Source code - https://rzp.io/rzp/ReO6yHp You’ll learn how to design and develop a scalable marketplace application with AI chat support, a complete Admin Panel, Vendor Dashboard, secure authentication, and Stripe payment integration. ✨ Key Features: • AI Chat Support for Customers • Multi-Vendor Marketplace System • Admin Panel & Vendor Dashboard • Stripe Payment Integration • Authentication using Auth.js • Smooth Animations with Framer Motion • Deployment using Vercel 🛠 Tech Stack: • Next.js (App Router) • MongoDB • Auth.js (NextAuth) • Stripe • Framer Motion • AI Integration This project is ideal for developers building real-world SaaS products, marketplaces, or AI-driven web applications. 🔔 Subscribe for more Full-Stack & AI projects Timestamps - 0:00 Intro 0:27 Project Demo 26:22 Next js Project Setup 35:30 Typescript tutorial 46:52 Creating User Model 1:15:10 Connecting Mongodb 1:36:08 Creating Register API 1:52:35 Authentication Using NextAuth 2:23:46 Creating Register and SignIn Page 3:47:38 Google Authentication 4:08:52 Middleware in Nextjs 4:32:21 Creating Edit role & mobile page 5:22:33 Creating Nav Component 6:51:00 Creating User dashboard 7:53:55 Creating Admin dashboard 8:25:43 Creating Vendor dashboard 8:33:56 Creating Footer Component 8:57:54 Update Vendor Details 9:33:09 Creating Vendor Page for showing Vendor Verification status 9:46:40 Creating Api to get CurrentUser 9:52:40 Creating Api to get All Vendors 9:57:05 Setup Redux 10:17:18 Creating Hooks folder to fetch Current User and All Vendors 10:38:05 See you in Part 2 #NextJS #FullStackDevelopment #AIEcommerce #AIPowered #MultiVendor #EcommerceWebsite #NextJSProject #WebDevelopment #AIChat #AIChatbot #Marketplace #StripeIntegration #MongoDB #SaaS #WebDev2026