Jan 16
Loading video player...
☕ Support my work: https://dub.sh/buy-me-coffee 🙏 Like & Subscribe To the Channel: https://dub.sh/subcribe-to-channel In this video, we build an AI-powered Mobile App design agent Platform using Next.js 16, MongoDB, Prisma, Gemini, Inngest, and Kinde with real-time design updates and deployment 💬 GitHub Source Code (Give a Star ⭐) → https://github.com/TechWithEmmaYT/XDesign-Mobile-Agent-SaaS 🗝️ Key Features: 🔐 Authentication 🤖 AI-powered Mobile UI Design Agent ✍️ Generate clean mobile designs from simple prompts 🌄 Unsplash tool for real images 🖼️ Draggable mobile frame on canvas 🎨 Customizable themes 🔁 Regenerate designs instantly 📸 Export designs as PNG 📱 Pixel-perfect mobile preview ⚡ Real-time design updates 🪝 Background workflows with Inngest 🌐 Built with Next.js, MongoDB, Prisma 🎨 Styled with Tailwind CSS 🚀 Deployment ⏲️Timestamps 👇 00:00:00 - Intro & Demo 00:06:46 - Setup 00:16:09 - Home Screen 00:49:54 - Authentication 01:05:33 - Database (MongoDB, Prisma ORM) 01:14:14 - Create Project & Recent Project API 01:54:39 - Single Project API & Canvas Screen 03:29:31 - Device Frame UI 04:26:21 - Inngest Setup & AI Generations 06:07:59 - Update Project 06:13:22 - Deployment Other Video: 💻👉 Build a SaaS AI Agent w/ Tools | Next.js 15, React , Prisma: on Youtube: https://youtu.be/JODen8Prssk skip nodejs mern stack