Chat with AI to build React apps instantly.

• AI-Powered App Generation: Build React applications by chatting with an AI.
• Subscription System: Monetize your application with a subscription system powered by Paystack and Flutterwave.
• Persistent AI Memory: The AI remembers your conversation history across sessions.
• GitHub Integration: Import your existing GitHub repositories or export your work to a new repository.
• Multi-Language Support: The sandbox environment supports multiple languages, including PHP, Node.js, and more.
• Website Cloning: Re-imagine any website in seconds by providing a URL.

1. Clone & Install

git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install

2. Set up Supabase

• Go to Supabase and create a new project.
• Go to the "Authentication" section and enable the Google and GitHub providers. You will need to get the client ID and secret for each provider from their respective developer consoles.
• In the GitHub provider settings, make sure to request the repo scope.
• Go to the "Database" section and get your database connection string.
• Go to the "Settings" > "API" section and get your Project URL, anon key, and service role key.

3. Set up Payment Providers

• Create accounts on Paystack and Flutterwave.
• Get your API keys (public and secret) from your provider dashboards.
• For Flutterwave, you will also need to set up a webhook and get the secret hash.

4. Add .env.local Create a .env.local file in the root of the project and add the following environment variables:

# Required
E2B_API_KEY=your_e2b_api_key  # Get from https://e2b.dev (Sandboxes)
FIRECRAWL_API_KEY=your_firecrawl_api_key  # Get from https://firecrawl.dev (Web scraping)

# Optional (need at least one AI provider)
ANTHROPIC_API_KEY=your_anthropic_api_key  # Get from https://console.anthropic.com
OPENAI_API_KEY=your_openai_api_key  # Get from https://platform.openai.com (GPT-5)
GEMINI_API_KEY=your_gemini_api_key  # Get from https://aistudio.google.com/app/apikey
GROQ_API_KEY=your_groq_api_key  # Get from https://console.groq.com (Fast inference - Kimi K2 recommended)

# Supabase credentials
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url_here
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key_here
SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key_here
DATABASE_URL=your_supabase_database_url_here

# Payment provider credentials
PAYSTACK_SECRET_KEY=your_paystack_secret_key_here
FLUTTERWAVE_PUBLIC_KEY=your_flutterwave_public_key_here
FLUTTERWAVE_SECRET_KEY=your_flutterwave_secret_key_here
FLUTTERWAVE_SECRET_HASH=your_flutterwave_secret_hash_here

# App URL for redirects
NEXT_PUBLIC_APP_URL=http://localhost:3000

5. Run Database Migrations

npm run db:generate
npm run db:migrate

This will create the necessary tables in your Supabase database.

6. Run

npm run dev

Open http://localhost:3000

The application uses Supabase for authentication, supporting both Google and GitHub providers. When a user signs up, a corresponding entry is created in the users table in the database.

The subscription system is built on top of Supabase and integrates with Paystack and Flutterwave.

• Users can choose from different subscription plans.
• When a user subscribes, a payment intent is created with the selected payment provider.
• After a successful payment, the provider sends a webhook to the application, which verifies the payment and updates the user's subscription status in the subscriptions table.

• The application uses E2B sandboxes to provide an isolated environment for running the AI-generated code.
• The AI's memory is persistent, thanks to the conversation history being stored in the Supabase database.
• The sandbox environment comes with support for multiple languages, including PHP and Node.js.

• Users can connect their GitHub accounts to the application.
• They can import their existing repositories into a new sandbox to work on them with the AI.
• They can also export their work from the sandbox to a new GitHub repository.

MIT