Build and Deploy a SaaS AI Website Builder | Next.js 15, React, Inngest, Prisma | Lovable clone
💻 Source Code: https://cwa.run/vibe
🎨 Free Assets: https://cwa.run/vibe-assets
Try Inngest: https://cwa.run/vibe-inngest
Try Clerk: https://cwa.run/vibe-clerk
Try CodeRabbit: https://cwa.run/vibe-rabbit
Try Neon Database: https://cwa.run/vibe-neon
In this video, we’re building an AI-powered app builder from start to finish.
You’ll learn how to generate full-stack applications from simple prompts using programmable AI agents powered by Inngest. We’ll use models like OpenAI, Anthropic, and Grok to handle code generation, and execute everything inside secure cloud sandboxes with E2B and Docker.
We’ll also cover the agent architecture, background job orchestration, project dashboard, authentication and billing with Clerk, and a full Git workflow with AI-assisted PR reviews from CodeRabbit.
Built with Next.js 15, React 19, Tailwind v4, and a fully modern AI-first toolchain.
Key features:
🚀 Next.js 15 + React 19
🎨 Tailwind v4 + Shadcn/ui
📡 tRPC for full-stack type safety
🔁 Inngest background jobs
🧠 Inngest agent toolkit
🔐 Clerk authentication
💳 Clerk billing
🧱 Component and app generation from AI prompts
🗂️ Live project preview with URL access
🖥️ E2B cloud sandboxes for runtime execution
🐳 Docker-based sandbox templating
🧠 AI model support (OpenAI, Anthropic, Grok)
📦 Prisma + Neon for database integration
🤖 CodeRabbit AI-powered PR reviews
🧾 Built-in credit system with usage tracking
🧪 Preview + code explorer toggle
Timestamps
0:00 Intro & Demo
7:06 01 Setup
23:51 02 Database
49:08 03 tRPC Setup
01:25:33 04 Background Jobs
01:53:41 05 AI Jobs
02:19:46 06 E2B Sandboxes
02:59:41 07 Agent Tools
03:47:09 08 Messages
04:16:56 09 Projects
04:36:36 10 Messages Ui
05:36:36 11 Project Header
05:58:41 12 Fragment View
06:12:35 13 Code View
07:06:37 14 Home Page
07:43:17 15 Theme
07:52:03 16 Authentication
08:41:23 17 Billing
09:31:34 18 Agent Memory
09:57:50 19 Bug Fixes
10:19:35 20 Deployment