💻 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

Code With Antonio

A comprehensive tutorial for building an AI-powered website builder similar to Lovable using Next.js 15, React 19, tRPC, Prisma, and various modern tools. The tutorial covers setting up a full-stack application with database integration, authentication via Clerk, background jobs with Inngest, and secure code execution using E2B sandboxes. It includes proper Git workflow practices, AI code generation capabilities, and deployment strategies for creating a production-ready SaaS application.

Build Your Own Lovable Clone - Full Stack Agentic AI Website Builder with Inngest & Nextjs 15