Je hebt iets tastbaars gebouwd met Lovable, misschien al gedemood aan je eerste gebruikers. En dan loop je tegen een grens aan: je wacht op een feature uit de roadmap, of je wilt hosting-flexibiliteit die het platform niet biedt. Het goede nieuws is dat je niet opnieuw hoeft te beginnen. Lovable exporteert schone, production-ready code die je zelf bezit en overal kunt deployen. Zo doe je dat — en zo vermijd je de sync-val die veel mensen pas te laat ontdekken.
Stap 1 — Open de GitHub-integratie
De snelste en schoonste route is niet een handmatige download maar de native GitHub-integratie. Open het project dat je wilt exporteren. Zoek in de bovenbalk van de editor naar het GitHub-icoon, of open het Settings-paneel en ga naar Integrations of GitHub (Bron: Lovable Docs).
Stap 2 — Laat Lovable de repository aanmaken
Bij het koppelen maakt Lovable een repository voor je aan en houdt die automatisch in sync. Je hoeft niets handmatig te pushen: elke keer dat je in Lovable een wijziging maakt en die succesvol opslaat, wordt de bijgewerkte code naar je gekoppelde GitHub-repo gepusht.
💡 Beginner-tip: Een “repository” (repo) is simpelweg de map waarin GitHub je code en de hele wijzigingsgeschiedenis bewaart. Je hebt een gratis GitHub-account nodig; daarna doet Lovable het koppelen voor je.
Stap 3 — Controleer wat je hebt meegekregen
Je export is geen kale code-dump. Je krijgt je React-componenten, Tailwind CSS, je Supabase-configuratie, de routing én je volledige mappenstructuur (Bron: Encited). Met andere woorden: een werkend project dat je in een eigen omgeving kunt openen, draaien en deployen. Volgens Lovable’s voorwaarden heb je volledige eigendom van die code — commercieel gebruiken, aanpassen en overal hosten mag (Bron: Rapid Dev).
Stap 4 — Begrijp de twee-richtingen-sync (en de valkuil)
De koppeling werkt beide kanten op: edits in Lovable verschijnen in GitHub, en pushes naar de actieve GitHub-branch komen terug in Lovable. Handig — maar hier zit ook de adder. Lovable behandelt zijn eigen editor als de bron-van-waarheid en pusht code naar buiten. Verplaats je de repository terwijl die sync nog aanstaat, bijvoorbeeld van je persoonlijke account naar een organisatie, dan breek je die sync waarschijnlijk permanent.
⚡ Gevorderden: Wil je echt los van Lovable verder en de repo verhuizen naar een team-organisatie? Ontkoppel dan eerst bewust de Lovable-sync, of plan de migratie als een eenrichtings-knip. Behandel het moment waarop je “weggaat” als een expliciete beslissing, niet als een terloopse GitHub-actie.
Wanneer is exporteren het juiste moment?
Exporteer zodra je tegen de grenzen van het platform aanloopt: een ontbrekende feature, hosting-eisen voor je prijsmodel, of de wens om met een eigen AI-coding-agent door te bouwen. Wil je vanaf daar verder sleutelen aan je geëxporteerde React-app, dan is Cursor een logische volgende stap. Voor de bredere context over hoe vibe-coding-platforms zich verhouden tot zelf code bezitten, lees je de duiding op hetlaatsteainieuws.nl.
Checklist: ben je klaar?
- Je hebt een GitHub-account
- Je hebt de GitHub-integratie in Lovable geopend
- Lovable heeft de repository aangemaakt en sync staat aan
- Je hebt gecontroleerd dat React, Tailwind, Supabase-config en routing zijn meegekomen
- Je weet dat de sync twee kanten op werkt
- Je weet dat een repo-verhuizing tijdens actieve sync die sync kan breken