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

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:

Variable	Where to Set	Notes
VITE_SUPABASE_URL	Hosting platform	Your Supabase project URL
VITE_SUPABASE_ANON_KEY	Hosting platform	Public anon key (safe for client)
SUPABASE_SERVICE_ROLE_KEY	Server-side only	Never 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