Own the code: GitHub sync + Code mode

🎯Goal. Push your app's full code to your own GitHub repo and edit it in Code mode — proof you own the whole stack, not just a preview.

1. 1Connect GitHub from the project's integrations. Lovable sets up two-way sync: changes you make in Lovable commit to the repo, and pushes to the connected branch sync back. It edits one branch at a time (usually main).
2. 2Open Code mode to browse and edit the real React + TypeScript source right in the browser — search files, reference an exact line like Button.tsx:42 in chat, and make targeted edits. Viewing code is free; editing it needs a paid plan.
3. 3Because the code is yours, you can clone the repo and keep building in Cursor, VS Code or any editor — or host it outside Lovable (Netlify/Vercel). Nothing is locked in.

✓You'll see. Your app as a GitHub repo of portable React+TS code you can edit in Code mode or clone and run anywhere.

💳Cost. GitHub sync is free; editing code in Code mode requires a paid plan (viewing and cloning are free).

💡Takeaway. This is what separates Lovable from a closed no-code tool — you own and can export the code and take it anywhere; it isn't trapped inside the platform.