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