AI Website Builder

💫 Project Name: Vibes — AI Website Builder

🧠 Overview

Vibes is a next-generation AI-powered website builder inspired by Lovable. It lets users instantly generate and deploy full-stack websites using simple text prompts.

Powered by Clerk Authentication & Billing, Inngest for AI automation, TRPC for backend logic, and E2B for real-time Docker deployment, Vibes handles everything from user onboarding to live website hosting.

⚙️ Tech Stack

• Frontend: Next.js 15, React 19, Tailwind CSS
• Backend: tRPC, Prisma, PostgreSQL
• Authentication & Billing: Clerk (Auth + new Billing)
• AI Automation: Inngest (AI Agent Kit + Cron Jobs)
• Deployment: E2B (Live Docker container websites)
• Payments: Clerk Billing (Credit-based system)

🤖 Core Features

1. AI Website Generation

   • Users enter a short prompt like “A portfolio for a photographer”
   • Vibes generates full code (Next.js + Tailwind) instantly
   • Sites are editable through a live editor

2. Clerk-Powered Auth & Billing

   • Secure user login, signup, and dashboard
   • Billing handled entirely through Clerk’s new billing system
   • Users get initial free credits (tokens) and can buy more

3. Credit System

   • Each website generation costs a certain number of credits
   • Tokens auto-refresh after a cooldown, or users can purchase more

4. AI Agent Automation (Inngest)

   • Agents manage scheduled tasks, cleanup old builds, and run cron jobs
   • Inngest AI Kit handles background processes (e.g., regeneration, maintenance)

5. Instant Hosting (E2B Integration)

   • Generated websites are automatically containerized with Docker
   • Deployed live through E2B — every user gets a unique domain

🔐 Mock Credentials (Demo Account)

For potential recruiters and demo testers:

Log in using clerk auth google account 

📸 Preview

Live App →

🧩 Architecture Summary

Next.js (Frontend)
   │
   ├── Clerk Auth + Billing
   │
   ├── tRPC API Layer
   │       └── Prisma ORM → PostgreSQL
   │
   ├── Inngest AI Agent Kit
   │       └── Background Jobs + AI Cron
   │
   └── E2B Deployment Engine (Docker)
           └── Live Hosting per User Project

🚀 Goal

To offer a seamless AI-driven website creation experience — from prompt → live site — in under 2 minutes.