Build an AI Mobile App Design Agent with Next.js 16, MongoDB, Inngest, Gemini & Kinde
💻 Source Code: https://dub.sh/xdesign-sourcecode
📦Commercial License & Source code: https://dub.sh/xdesign-license
🎨 XDesign Asset: https://dub.sh/xdesign-asset
In this video, we build an AI-powered Mobile App design agent Platform using Next.js 16, MongoDB, Prisma, Gemini AI, Inngest, and Kinde with real-time design updates and deployment
☕ Support my work: https://tinyurl.com/support-buymecoffee
🙏 Like & Subscribe To the Channel: https://tinyurl.com/subcribe-to-techw...
📢 Stay Connected:
🙏 Subscribe to the Channel: https://tinyurl.com/subcribe-to-techw...
💻 Join our Discord Community: / discord
🐦 Follow us on Twitter: https://x.com/techwithemma
🖼️ Follow us on Instagram: / techwithemmaofficial
🗝️ 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
📚 Resources:
Try Kinde Auth: https://dub.sh/kinde-auth
Try TestSprite (Test App): https://dub.sh/try-testsprite
AI Sdk: https://ai-sdk.dev
Vercel AI Gateway
UnSplash - https://unsplash.com/developers
Open Router - https://openrouter.ai
Other Video:
💻👉 Build a SaaS AI Agent w/ Tools | Next.js 15, React , Prisma:
on Youtube: • Build a SaaS AI Agent w/ Tools | Next.js 1...
skip
nodejs mern stack