Intermediate

Deployment

Deploy your Lovable apps to production with one click, configure custom domains, sync with GitHub, and follow the production readiness checklist.

One-Click Deployment

Lovable provides built-in deployment that gets your app live in seconds:

  1. Click the "Share" or "Deploy" button in the toolbar
  2. Your app is built and deployed to Lovable's hosting
  3. You receive a live URL (e.g., your-app.lovable.app)
  4. Share the URL immediately — it's publicly accessible
  5. Every subsequent deploy updates the same URL
💡
Good to know: Lovable's built-in hosting includes HTTPS, global CDN, and automatic updates when you make changes. It's suitable for demos, MVPs, and small production apps.

Custom Domains

Connect your own domain to your Lovable deployment:

  1. Go to your project's deployment settings
  2. Click "Add custom domain"
  3. Enter your domain name (e.g., myapp.com)
  4. Update your DNS settings at your domain registrar:
    • Add a CNAME record pointing to Lovable's hosting
    • Wait for DNS propagation (usually 5–30 minutes)
  5. SSL certificate is provisioned automatically

Netlify/Vercel Deployment

For more control over deployment, you can deploy through third-party hosts:

Netlify

  1. Sync your Lovable project to GitHub
  2. Connect the GitHub repo to Netlify
  3. Set build command: npm run build
  4. Set publish directory: dist
  5. Add your environment variables (Supabase URL, keys, etc.)
  6. Deploy — Netlify builds and hosts your app

Vercel

  1. Sync your Lovable project to GitHub
  2. Import the repo in Vercel
  3. Vercel auto-detects the framework (Vite/React)
  4. Add environment variables
  5. Deploy — Vercel handles building and hosting

GitHub Repository Sync

Lovable automatically syncs your project to a GitHub repository:

  • Every AI change creates a commit in your repo
  • Manual code edits are also committed
  • You get full git history for all changes
  • Clone the repo to continue development locally
  • Other developers can contribute through pull requests

Environment Configuration

When deploying, ensure your environment variables are set correctly:

VariableWhere to SetNotes
VITE_SUPABASE_URLHosting platformYour Supabase project URL
VITE_SUPABASE_ANON_KEYHosting platformPublic anon key (safe for client)
SUPABASE_SERVICE_ROLE_KEYServer-side onlyNever expose to client

Database Deployment

Your Supabase database is already hosted in the cloud:

  • No additional database deployment needed
  • Ensure your Supabase project is on the appropriate plan for production traffic
  • Enable point-in-time recovery for production databases
  • Set up database backups (Supabase includes daily backups on paid plans)

Going to Production Checklist

✅
Pre-production checklist:
  • Enable Row Level Security (RLS) on all tables
  • Test authentication flows (signup, login, password reset)
  • Verify environment variables are set correctly
  • Test on multiple devices and browsers
  • Check that the app works with slow/offline connections
  • Review and remove any test data from the database
  • Set up error monitoring (e.g., Sentry)
  • Configure a custom domain with SSL
  • Test social login providers if used
  • Verify file upload limits and storage quotas

💡 Try It: Deploy Your App

Deploy one of your Lovable projects using the one-click deploy. Then try deploying the same project through Netlify or Vercel using the GitHub sync. Compare the deployment experience and verify both deployments work correctly.

Having your app live on a public URL is the most rewarding step in the development process!