LunadeckLunadeck

Ai coding tool guides

Lovable

3 min read

Overview

Lovable is an AI-powered app builder that generates full-stack web applications from natural language prompts. Projects built with Lovable typically use React + Vite + Tailwind CSS, which Lunadeck fully supports.

The Lovable editor with an AI chat panel on the left and a live app preview on the right

To get your Lovable project into Lunadeck, you have two options:

  • Connect via GitHub — Lovable can push your project directly to a GitHub repository, which Lunadeck then imports. This is the recommended approach since it keeps your project in sync as you continue iterating in Lovable.
  • Download a ZIP — Lovable can export your project as a ZIP archive that you upload directly to Lunadeck. Use this if you prefer not to involve GitHub.

GitHub

Lovable has built-in GitHub integration, making this the easiest way to get your project into Lunadeck.

Step 1: Push to GitHub from Lovable

  1. Open your project in Lovable
  2. Click the GitHub button in the top-right corner
  3. Select Connect to GitHub and authorize access if prompted
  4. Choose a repository name and click Push to GitHub

Lovable GitHub panel showing the Connect GitHub button

Step 2: Connect the repo in Lunadeck

  1. In the Lunadeck dashboard, click Start a new project
  2. Select Connect Git Repository
  3. Authorize Lunadeck to access your GitHub account
  4. Select the repository you just pushed from Lovable
  5. Click Import — Lunadeck will auto-detect your framework

Step 3: Build

Click Build and Lunadeck will compile your Lovable project into a native mobile app.

ZIP

If you prefer not to use GitHub, you can download your project as a ZIP file and upload it directly.

Step 1: Download from Lovable

Lovable does not have a built-in ZIP download option. You can use the Lovable Project Downloader Chrome extension to export your project as a ZIP.

Lovable Downloader extension popup showing a Download Project as ZIP button

Note: This extension is a third-party tool and is not endorsed by Lunadeck. Use it at your own discretion.

  1. Install the Chrome extension linked above
  2. Open your project in Lovable
  3. Click the extension icon and follow its prompts to download the ZIP
  4. Save the file to your computer

Step 2: Upload to Lunadeck

  1. In the Lunadeck dashboard, click Start a new project
  2. Select Upload a ZIP
  3. Drag and drop the downloaded ZIP file or click to browse
  4. Click Import

Common issues

  • Missing package.json — make sure you download the full project, not just individual files
  • Supabase dependencies — if your Lovable project uses Supabase, ensure you've configured the Supabase URL and anon key in Lunadeck's Environment Variables
  • Build errors with shadcn/ui — these are fully supported; if you encounter errors, check that all component imports resolve correctly