Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

BernieTv/Lovable-Clone

Open more actions menu

Repository files navigation

Project Banner

πŸ’– Lovable Clone

Lovable Clone is your AI-powered sidekick πŸ€–βœ¨ β€” built for speed πŸš€, style 🎨, and total creativity πŸ’‘. Whether you’re shipping your next big project, experimenting with wild ideas, or just vibing with some clean code, this stack’s got you. Powered by Next.js 15 + React 19 with a fresh AI-first toolchain, it’s here to make dev life way smoother and more fun 😎. From auto-generating components to real-time previews and cloud sandboxes, Lovable Clone keeps you in the flow, no matter how chaotic your brain dump is.


πŸš€ Tech Stack

  • Framework: Next.js 15 + React 19
  • Styling: Tailwind v4 🎨 + Shadcn/ui
  • Type-Safe API: tRPC πŸ“‘
  • Background Jobs: Inngest πŸ”
  • AI Agent Toolkit: Inngest agent utilities πŸ€–
  • Auth & Billing: Clerk πŸ”πŸ’³
  • Database: Prisma ORM + Neon πŸ—„οΈ
  • AI Models: OpenAI, Anthropic, Grok, Gemini 🧠
  • Execution: E2B Cloud Sandboxes πŸ–₯️ + Docker 🐳

✨ Key Features

  • 🧱 AI-Powered Component & App Generation – Build from prompts
  • πŸ—‚οΈ Live Project Preview – Share URLs instantly
  • πŸ§ͺ Preview + Code Explorer – Toggle effortlessly
  • πŸ” Automated Background Jobs – Async magic
  • 🧠 Agent Toolkit – Workflow automation
  • πŸ” Secure Authentication – Clerk-powered
  • πŸ’³ Billing System – Subscription-ready
  • πŸ“¦ Database Integration – Prisma + Neon
  • 🧾 Credit System – Track & manage usage

πŸ“‚ Folder Structure

.
β”œβ”€β”€ prisma/               # Database schema & migrations
β”œβ”€β”€ public/               # Static assets
β”œβ”€β”€ sandbox-templates/    # E2B/Docker sandbox configs
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/              # App routes & layouts
β”‚   β”œβ”€β”€ components/       # UI & shared components
β”‚   β”œβ”€β”€ config/           # App configuration
β”‚   β”œβ”€β”€ hooks/            # Custom React hooks
β”‚   β”œβ”€β”€ inngest/          # Inngest jobs & utilities
β”‚   β”œβ”€β”€ lib/              # Utilities & services
β”‚   β”œβ”€β”€ modules/          # Feature modules
β”‚   β”œβ”€β”€ trpc/             # API routers & clients
β”‚   └── types.ts          # Shared types
β”œβ”€β”€ .env                  # Environment variables
β”œβ”€β”€ next.config.ts        # Next.js config
β”œβ”€β”€ package.json          # Dependencies & scripts
└── tsconfig.json         # TypeScript config

πŸ”‘ Environment Variables (.env)

DATABASE_URL="*"

NEXT_PUBLIC_APP_URL="*"

GEMINI_API_KEY="*"

E2B_API_KEY="*"

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="*"
CLERK_SECRET_KEY="*"
NEXT_PUBLIC_CLERK_SIGN_IN_URL="*"
NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL="*"
NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL="*"

πŸ› οΈ Getting Started

1️⃣ Clone the Repository

git clone https://github.com/BernieTv/Lovable-Clone.git
cd Lovable-Clone

2️⃣ Install Dependencies

npm install

3️⃣ Add Environment Variables

Fill in .env with your credentials (see above).

4️⃣ Run the Development Server

npm run dev

Then visit http://localhost:3000 πŸš€


πŸ’‘ Ideal Use Cases

  • 🧱 AI-Powered App & Component Generation β€” spin up entire features from a single prompt and look like a coding wizard.
  • πŸ—‚οΈ Live Project Preview β€” share your build-in-progress via instant URLs, because waiting is so last season.
  • πŸ§ͺ Preview + Code Explorer Combo β€” flip between visuals and code without breaking your flow.
  • πŸ” Automated Background Jobs β€” let async magic handle the grind while you focus on the glow-up.

πŸ“œ License

MIT License – free to use, remix, and ship πŸ’Œ


πŸ’‘ Pro Tip: Pair with your fave AI code assistant for chef’s kiss productivity.

About

AI-powered dev toolkit that fuses Next.js 15, React 19, and an AI-first stack to auto-generate components, preview in real time, and ship ideas at lightspeed πŸš€πŸ€–πŸŽ¨βš‘

Topics

Resources

License

Stars

Watchers

Forks

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.