Mar 11
Loading video player...
In this video, We are building **ForgeAI** — a **production-ready, full-stack AI app builder** that works exactly like Base44/Lovable/Bolt/Replit, but built from scratch using a modern AI-first stack. You’ll build something that can create a website and app from **a single prompt or design screenshot** to a fully functional, deployable web application — complete with live previews, editable code, background jobs, and AI agents. This is **not a toy project**. This is a **complete playbook** for building real AI SaaS products. --- ## 🚀 What You’ll See in This Video - Prompt-to-app generation (SaaS landing page + Airbnb-style clone) - Live preview without local setup - AI-generated production-grade code - Inline code editing using Monaco (VS Code engine) - Image-to-code using design screenshots - Feature gating with Free vs Pro subscriptions - Background jobs and AI agents running securely in the cloud - Full production deployment mindset --- ## 🧠 Built with a Modern AI-First Stack ForgeAI is built using **cutting-edge production tooling**: ### Core Stack - 🚀 **Next.js 16 + React 19** - 🎨 **Tailwind CSS v4 + Shadcn/ui** - 📡 **Elysia.js** for end-to-end type safety - 🔁 **Inngest** for background jobs & workflows - 🧠 **Inngest Agent Kit** for AI orchestration - 🔐 **Clerk** for authentication & billing - 📦 **Prisma + Neon (PostgreSQL)** for database integration ### AI & Execution - 🧠 **AI model support**: OpenAI, Anthropic, Gemini - 🖥️ **E2B Cloud Sandboxes** for secure runtime execution - 🧱 **Component & full app generation from prompts** - 🗂️ **Live project preview with shareable URLs** - 🧪 **Preview ↔ Code Explorer toggle** - ✏️ **Inline code editing** - 🖼️ **Images powered by Unsplash** --- ## 🎯 It will help you understand How tools like Base44 and Lovable actually work internally — and how **you can build your own AI app builder** that’s: - Production-ready - Monetizable - Scalable - Deployable to real customers If you want to build **AI SaaS products**, **developer tools**, or **AI website builders**, this video gives you the full blueprint. --- ## 📂 GitHub Repository 👉 **GitHub:** https://github.com/Atiqullah-Naemi/forgeai --- Timestamps 00:00 – Intro and Demo 05:16 – Project Setup 09:13 – Database Setup 22:33 – Elysia and API Routes 33:44 – Home (Landing) Page 01:14:05 – Inngest and Background Jobs 01:34:00 – E2B Sandbox and Template Setup 01:55:56 – AI Agents and Agent Tools (Inngest AgentKit) 02:39:19 – Project Id Page and Messages (UI) 03:31:09 – Generated Project's Web View and Code View 04:54:05 – Build or Create Project From Design (Screenshot or Image) 05:32:40 – Unsplash Tool 06:10:50 – Inngest RealTime and Agent Memory 06:43:07 – Authentication and Billing 07:30:20 – Backend Validation, AI Title Generation and Projects Page 08:24:29 – Deployment If this helped you, **like, subscribe, and leave a comment** 👇 #AI #NextJS #Base44 #Lovable #AIAppBuilder #SaaS #Inngest #ElysiaJS #ForgeAI