Stop paying for hosting. Deploy your Lovable site to Vercel (free) in minutes.
| 🚀 Cutting-edge Updates |
💡 Expert Insights |
🎯 Top 0.1% Content |
Join over 50,000 AI enthusiasts getting unique cutting-edge insights and free tutorials!
- Node.js v18+ (download and run the installer)
- Git (most Macs already have it)
- Claude Code (
npm install -g @anthropic-ai/claude-code)
git clone https://github.com/NirDiamant/lovable-to-claude-code.git
cd lovable-to-claude-codeclaudeThat's it. Claude reads the instructions in this repo and walks you through everything: cloning your Lovable project, building it, deploying to Vercel, and setting up auto-deploys. Just answer its questions.
- Claude asks for your Lovable project's GitHub repo URL
- Clones your project and installs dependencies
- Verifies the build works
- Logs you into Vercel (if needed) and deploys
- Gives you a live URL and next steps
You stay in control the whole time. Claude asks before running each command.
Use the migration script instead:
./migrate.sh https://github.com/your-username/your-repo.gitOr run it directly without cloning:
curl -fsSL https://raw.githubusercontent.com/NirDiamant/lovable-to-claude-code/main/migrate.sh | bash -s -- https://github.com/your-username/your-repo.gitWindows users: Use Git Bash (comes with Git for Windows). PowerShell and CMD won't work.
| What | Lovable | Self-Hosted (This Guide) |
|---|---|---|
| AI code generation | Built-in browser editor | Any AI code editor (Claude Code, Cursor, etc.) |
| Hosting | Lovable servers | Vercel free tier |
| Auto-deploy | On save | On git push |
Note: Lovable is still the easiest way to build a website from scratch with AI. This guide is for after you've built your site and want free hosting.
Is Vercel really free? Yes. The free Hobby plan includes 100 GB bandwidth/month, automatic SSL, and preview deployments. Most personal sites stay well within these limits.
What if my project uses Supabase?
Claude (or the migration script) will help you set up the environment variables (VITE_SUPABASE_URL, etc.) in Vercel.
Do I need Claude Code specifically? No. After migration, your site is a standard React/Vite project. You can edit it with VS Code, Cursor, Windsurf, or any editor. Claude Code just makes the migration hands-free.
Can I use Netlify or Cloudflare Pages instead of Vercel?
Yes. Your Lovable project is a standard Vite app. Use build command npm run build and publish directory dist on any static host.
Can I go back to Lovable? Yes. Your code stays on GitHub. Reconnect it to Lovable anytime.
Something went wrong? Open an issue and we'll help.
This project is an independent community resource. It is not affiliated with, endorsed by, or sponsored by Lovable (Lovable AB), Vercel Inc., or Anthropic PBC. All product names, logos, and trademarks are the property of their respective owners.
This guide documents how to self-host code that you own. Please review the terms of service of any platform you use. The authors are not responsible for any consequences of following these instructions.
MIT