The Ultimate Beginner-Friendly Founder Guide: Moving Your App Off Lovable and Building with AI

Part 1 Decide What Type of Project You Have

Before moving any files, you must identify the structural type of your application. This tells you exactly how to move it safely without breaking anything. Do not worry about code or databases just look at the simple descriptions below to see where your project fits:

                  ┌──────────────────────────────┐
                  │   What is your project type? │
                  └──────────────┬───────────────┘
                                 │
         ┌───────────────────────┴───────────────────────┐
         ▼                                               ▼
┌──────────────────┐                            ┌──────────────────┐
│ OPTION A:        │                            │ OPTION B:        │
│ Simple Website   │                            │ Full SaaS / App  │
├──────────────────┤                            ├──────────────────┤
│ • No Logins      │                            │ • Has Login/Auth │
│ • No User Data   │                            │ • Has Database   │
│ • "Static" Pages │                            │ • Saves Data     │
└──────────────────┘                            └──────────────────┘

Part 2 Simple Website (The Easy Path)

If your project is a simple website (Option A), you can export it and deploy it on a free independent host in less than five minutes.

Step-by-Step GitHub Export Walkthrough

GitHub acts as a secure online folder that holds the master blueprint of your website. You do not need to understand how it works; it simply serves as a transfer folder between Lovable and your new hosting provider.

1. 1. Open Your Project: Log into Lovable and open the project you want to export.
2. 2. Find the GitHub Button: Look at the top-right navigation bar of the editor. Locate the button with the cat-like GitHub icon (or click Settings and choose Integrations).
3. 3. Connect Your Account: Click the blue button that says Connect GitHub or Install. A popup window will appear asking you to log into GitHub. If you do not have an account, click the link to create one for free at github.com.
4. 4. Authorize the Connection: Click the green button that says Install & Authorize. This gives Lovable permission to safely create a private folder in your GitHub account.
5. 5. Create the Transfer Folder: Under the GitHub settings in Lovable, click Connect Project or Create Repository. Lovable will instantly build a new private folder in your GitHub account containing every design element, image, and text block from your site.
6. 6. Confirm Successful Export: Open a new browser tab, go to your GitHub dashboard, and verify that a new folder has been created with your project name. You will see files inside like index.html and a folder named src. Your website files are now safely in your possession.

Step-by-Step Vercel Setup & Live Launch Guide

Vercel is a free hosting provider that takes your GitHub folder and publishes it live on the web.

┌─────────────────┐      Syncs To      ┌──────────────┐      Publishes To      ┌──────────────────┐
│ Lovable Project ├───────────────────>│ GitHub Folder├───────────────────────>│ Vercel Hosting   │
│ (Your Designer) │   (Automatic)     │ (Master Copy)│    (1-Click Deploy)    │ (Your Live Site) │
└─────────────────┘                    └──────────────┘                        └──────────────────┘

1. 1. Sign Up for Vercel: Visit vercel.com and click Sign Up. Choose the option to register using your GitHub account. This instantly links Vercel to your master files.
2. 2. Start a New Project: On your Vercel dashboard, click the blue button that says Add New and select Project.
3. 3. Select Your Site Folder: You will see a list of your GitHub folders. Find the folder that matches your Lovable project and click the Import button next to it.
4. 4. Skip Configuration Settings: Vercel is smart. It will automatically recognize that your site is a standard web application. Leave all the settings at their default values you do not need to change any build commands.
5. 5. Click Deploy: Click the blue Deploy button at the bottom. A screen will appear with an animation of files uploading.
6. 6. Claim Your Live Link: In less than 60 seconds, confetti will rain down on your screen. Vercel will provide a safe, free public link (ending in .vercel.app) where your website is now live. Every time you change anything in your GitHub folder, Vercel will update your live site automatically.

Part 3 Full SaaS App (How to Move Safely)

Moving an active SaaS app (Option B) requires handling both your visual pages and your database (where accounts, passwords, and billing records are stored).

What is GitHub and Why Do You Own It?

Think of GitHub as your master digital storage drawer. When you connect Lovable to GitHub, every button, screen, and design layout you create is securely saved into this folder.

Having your project connected to GitHub means you have total ownership of your software. Lovable cannot lock you in or restrict your files. Even if your Lovable subscription lapses, your application files remain safe and accessible inside your personal GitHub account.

To move your database safely, you must first identify where your database is currently hosted:

What is Supabase?

Supabase is your application's memory bank and back-end engine. It is a highly secure, independent platform that safely stores user passwords, runs login portals, handles files, and keeps track of account details.

Finding Your Connection Keys

To tell your new host (Vercel or Netlify) how to speak to your database memory bank, you must copy two secret connection codes from your Supabase dashboard:

1. Log into your Supabase account and open your active application project.
2. Locate the gear icon (Settings) at the bottom of the left-hand sidebar and click it.
3. In the settings menu, click on the API tab.
4. Look under the Project API keys section:
   • Copy the Project URL (a link ending in .supabase.co).
   • Copy the anon public key (a very long string of letters and numbers).

The Danger of Lock-In

If your database is hosted on Lovable Cloud and you cancel your subscription or delete your project, your database will instantly shut down. Your live app will freeze, login screens will crash, and all your saved user data will be permanently lost.

How to Migrate Your Database Safely

To make a clean break from Lovable Cloud, you must move your database schema, user accounts, and files over to a free, standalone Supabase project.

                     ┌───────────────────┐
                     │   Lovable Cloud   │
                     │ (Locked Database) │
                     └─────────┬─────────┘
                               │
               Dreamlit Exporter / LoveMigrate
              (Creates secure temporary bridge)
                               │
                               ▼
                     ┌───────────────────┐
                     │ Standalone Free   │
                     │ Supabase Project  │
                     └───────────────────┘

The Problem with Manual CSV Exports: If you follow Lovable's official manual database transfer guides, you have to export tables one by one as CSV files. This process wipes out user password security hashes. This means every single user will be locked out and forced to reset their password.

The AI-Powered Solution: To bypass password resets, use a free migration helper like the Dreamlit Exporter or LoveMigrate. These helper tools temporarily create a secure database bridge that safely copies your database schema, active user accounts (keeping original password hashes intact), and storage folders to a new, free Supabase project in about 10 minutes. Your users can continue logging in with their existing passwords as if nothing happened.

Part 4 Deploying a SaaS App to Vercel

Once your database is secure, follow this step-by-step checklist to launch your complete SaaS application on Vercel:

Part 5 Deploying a SaaS App to Netlify

Netlify is another excellent, free platform designed to host web applications. If you prefer Netlify over Vercel, use this checklist:

Part 6 Continuing Development WITHOUT Coding

Moving off Lovable hosting does not mean you have to learn to code or hire a developer. Instead, you can use Autonomous AI Agents to build, maintain, and expand your app directly.

What are AI Agents?

Unlike simple chat assistants that output snippets of code for you to manually copy and paste, AI Agents can access and edit your codebase directly. They can open your GitHub folders, diagnose errors, add new features, adjust visual designs, and push updates directly to your live app. You act as the product manager, directing them using plain English instructions.

• Claude Code: A blazing-fast AI coding agent that runs directly in your computer's terminal window. Created by Anthropic, it behaves like a highly experienced software engineer, analyzing your entire project and resolving complex issues in seconds.
• Google Antigravity: A visual-first desktop application designed specifically for absolute beginners and non-technical founders. It hides complex code structures and terminal interfaces entirely, displaying visual checklists and step-by-step progress reports as it updates your app.

Step-by-Step AI Setup and Workflow Guide

To start updating your app using AI, follow this simple process:

┌──────────────────┐  Syncs  ┌────────────────┐  Opens  ┌───────────────────┐
│  Your Live App   ├────────>│ Your GitHub    ├────────>│ Google Antigravity│
│ (Hosted Externally)        │ (Folder Repository)      │  (Or Claude Code) │
└──────────────────┘         └────────────────┘         └─────────┬─────────┘
                                                                  │
                                                                  ▼
                                                      You type prompts in English!
                                                      AI edits and deploys changes.

1. 1. Get the Tools:
   • For a visual experience, download the desktop application from antigravity.google.
   • For terminal-based editing, install Claude Code by running npm install -g @anthropic-ai/claude-code in your terminal.
2. 2. Open Your Project: Open the AI app and point it at the GitHub folder you downloaded to your computer.
3. 3. Write Your Prompt: Type an instruction in plain English describing what you want to add, change, or fix.
4. 4. Approve the Plan: The AI will analyze your folder and present an action plan. Review and click Approve.
5. 5. Let the AI Build: The AI agent will automatically edit your code files.
6. 6. Deploy Updates: Once the AI finishes, save your changes and push them back to GitHub. Your hosting platform (Vercel or Netlify) will detect the update and publish your changes to your live site automatically.

Copy-and-Paste Prompts for Your AI Agent

These prompts are optimized to help you maintain and improve your app using Claude Code or Google Antigravity:

Part 7 Claude Code vs. Google Antigravity

This comparison table highlights the practical differences between these two AI development platforms:

Part 8 Frequently Asked Questions