Lovable-website verhuizen: eigen hosting, WordPress of Shopify?
Kort antwoord
Een Lovable-website verhuizen kan: koppel het project aan GitHub (op elk abonnement) of download de code als zip (op een betaald abonnement) en zet het bij een host als Vercel, Netlify of Cloudflare Pages. De inhoud van je database, je bestanden, inlogaccounts, geheime sleutels en AI-functies gaan niet vanzelf mee. Naar WordPress of Shopify gaat niet met één knop: daar bouw je de site opnieuw, of je gebruikt ze als bron voor content of producten.
Kernpunten
- Git-sync met GitHub, GitLab of Bitbucket werkt op elk abonnement en in twee richtingen. Een zip-download kan alleen op een betaald abonnement.
- De databasestructuur gaat automatisch mee; data, bestanden, inlogproviders, sleutels en koppelingen verhuis je met de hand.
- Lovable-apps die vanaf 13 mei 2026 zijn gemaakt, hebben een host nodig die servercode draait. Oudere apps zijn statische bestanden.
- Houd je URL's gelijk of stuur oude adressen permanent door met een 301-redirect, en dien een nieuwe sitemap in.
- Een export naar WordPress bestaat niet. Met Shopify koppelt Lovable wel, maar dan blijft Lovable je winkelpagina's hosten.
Kun je een Lovable-website exporteren?
Ja, op twee manieren. Met Git-sync koppel je het project aan een repository op GitHub, GitLab of Bitbucket. Dat kan op elk abonnement en werkt in twee richtingen: wat je in Lovable wijzigt, komt in de repository, en wat je naar de actieve branch pusht, komt terug in Lovable. Verbreek je de koppeling, dan blijft de repository met alle geschiedenis gewoon staan.
De tweede manier is Download codebase: een eenmalige momentopname als zip-bestand, alleen op betaalde abonnementen. Handig als back-up, maar voor een verhuizing is een repository beter, omdat hostingpartijen daar direct vanuit bouwen.
Beide manieren geven je de broncode, de configuratiebestanden en de databasemigraties. De gegevens in je database en de bestanden in je opslag zitten er niet in.
Wat gaat er niet vanzelf mee?
Lovable beschrijft per onderdeel hoe het verhuist. Alleen de structuur gaat automatisch mee, de rest is handwerk.
| Onderdeel | Hoe het meegaat | Let op |
|---|---|---|
| Databasestructuur, inclusief toegangsregels | Automatisch via SQL-migraties | Controleer na de verhuizing of de regels nog kloppen |
| Inhoud van de database | Handmatig, als CSV per tabel of als volledige export | Lovable staat één volledige export per 24 uur toe |
| Bestanden (afbeeldingen, documenten) | Handmatig downloaden en uploaden | Download alles voordat je Lovable Cloud verwijdert |
| Inlogproviders, zoals inloggen met Google | Handmatig opnieuw instellen | Zet de nieuwe URL bij de toegestane redirect-adressen |
| Gebruikersaccounts | Deels: de wachtwoord-hashes zitten in de export | Wie ingelogd was, moet opnieuw inloggen |
| Omgevingsvariabelen en geheime sleutels | Handmatig instellen bij de nieuwe host | Zet ze nooit in de code of de repository |
| Serverfuncties en geplande taken | Handmatig; Edge Functions met de Supabase CLI | Laat een taak niet op twee plekken tegelijk draaien |
| Koppelingen (connectors) | Gaan niet mee | Vervang ze door een eigen koppeling per dienst |
| AI-functies in je app | Handmatig, met een eigen account bij een AI-aanbieder | Tot die tijd lopen ze via je Lovable-credits |
Er is geen knop om Lovable Cloud in één keer naar je eigen Supabase-project te verhuizen. De regio van je Cloud-backend kun je achteraf ook niet meer wijzigen.
Wat heb je nodig voor eigen hosting?
Dat hangt af van hoe je project is gebouwd. Lovable-apps die vanaf 13 mei 2026 zijn gemaakt, draaien op TanStack Start. Die renderen pagina's op de server en hebben een host nodig die die servercode kan draaien. Oudere apps op React en Vite leveren statische bestanden op (de map dist/), die elke statische host of CDN kan serveren, zolang alle routes terugvallen op index.html.
Welke je hebt, zie je in package.json: staat @tanstack/react-start tussen de dependencies, dan is het een TanStack Start-project. Lovable noemt onder meer Netlify, Cloudflare Pages, Vercel, AWS Amplify en een eigen server met Docker als mogelijkheden.
Je kunt ook alleen de voorkant verhuizen en de database bij Lovable Cloud laten. Dat is minder werk, maar dan lopen je abonnement en Cloud-kosten gewoon door. Hoe hoog die zijn, lees je in wat Lovable echt kost. Een volledige verhuizing gaat zo:
- 1Koppel GitHub en draai het project lokaalZet de code in een repository op je eigen account. Draai het eerst op je eigen computer, zodat je weet welke pakketten en variabelen het nodig heeft.
- 2Kies een host die bij je stack pastEen host met servercode voor TanStack Start, statische hosting voor een oudere React + Vite-app.
- 3Zet variabelen en sleutels overOmgevingsvariabelen, geheime sleutels en de redirect-adressen voor inloggen stel je bij de nieuwe host in.
- 4Verhuis de data als de backend meegaatMaak een nieuw Supabase-project, draai de migraties, zet de export terug en stel inloggen en bestanden opnieuw in.
- 5Test op een apart adresControleer inloggen, formulieren en betalingen met echte accounts voordat je iets omzet.
- 6Zet het domein omWijs je domein naar de nieuwe host en haal daarna de versie op lovable.app offline met Unpublish.
- 7Controleer je vindbaarheidRedirects, sitemap en Search Console. Zie de volgende vraag.
Je AI-concept professioneel laten bouwen?
Vaste prijs vooraf. Reactie binnen 24 uur.
Wat gebeurt er met je SEO als je verhuist?
Verhuizen kan je posities in Google kosten als adressen veranderen of als pagina's ineens leeg lijken voor zoekmachines. Let op drie dingen.
Ten eerste de rendering. Bij oudere React + Vite-projecten geeft Lovable-hosting zoekmachines en AI-crawlers een vooraf gerenderde versie van elke pagina. Zet je de statische build zelf online, dan valt die voorziening weg en krijgt elke crawler weer een lege app-schil, tenzij je zelf voor server-side rendering of pre-rendering zorgt. Upgrade daarom eerst naar TanStack Start, of migreer naar een framework als Next.js. Meer hierover in waarom Google je Lovable-website niet vindt.
Ten tweede je adressen. Houd de URL's het liefst gelijk. Veranderen ze toch, stuur dan elk oud adres met een permanente redirect (301 of 308) door naar het nieuwe. Google raadt aan die redirects minstens een jaar te laten staan, je interne links bij te werken en de nieuwe sitemap in Search Console in te dienen. Verhuis je naar een ander domein, gebruik dan ook de tool voor adreswijziging in Search Console.
Ten derde dubbele adressen. Lovable stuurt extra domeinen alleen met een tijdelijke 302-redirect door naar je hoofddomein, en volgens Google is een tijdelijke redirect geen signaal dat het nieuwe adres het juiste is. Haal de lovable.app-versie daarom offline zodra je site elders draait, en regel permanente redirects op je nieuwe host.
Reken na een verhuizing op tijdelijke schommelingen in je posities. Volgens Google kan het bij grotere sites weken of langer duren voordat alle nieuwe adressen verwerkt zijn.
Kun je een Lovable-website naar WordPress overzetten?
Niet met één knop. Een Lovable-project is een React-applicatie, WordPress werkt met thema's en plug-ins. In de documentatie van Lovable staat (gecontroleerd op 9 oktober 2026) geen export naar een WordPress-thema.
Wil je echt naar WordPress, dan bouw je de site daar opnieuw op. Je Lovable-site is dan een prima ontwerp en briefing, en je teksten en afbeeldingen neem je mee. Wat daarbij komt kijken, lees je bij een WordPress-website laten maken. Je kunt Lovable en WordPress ook combineren:
- WordPress als bron voor je content. Lovable heeft connectors voor zelf gehoste WordPress-sites en voor WordPress.com. Je Lovable-app leest dan berichten, pagina's en media via de WordPress REST API. Je site blijft een Lovable-app; WordPress wordt het beheerdeel.
- WooCommerce koppelen. Voor de webshop-plug-in van WordPress heeft Lovable ook een connector, waarmee je app producten en bestellingen leest en beheert.
En van Lovable naar Shopify?
Lovable heeft een eigen Shopify-koppeling. Daarmee maak je een nieuwe Shopify-winkel aan of koppel je een bestaande, en bouw je de winkelpagina's met prompts. Shopify regelt betalingen, voorraad en logistiek. De winkel zelf staat op je lovable.app-adres of je eigen domein, gepubliceerd via Lovable.
Een nieuwe winkel begint als testwinkel die nog geen echte betalingen verwerkt. Die moet je binnen 30 dagen claimen, anders verwijdert Shopify hem. Na het claimen volgt een gratis proefperiode van 120 dagen; daarna heb je een betaald Shopify-abonnement nodig, los van je Lovable-abonnement.
Wil je een gewone Shopify-winkel met een Shopify-thema, dan is er geen omzetknop en bouw je de winkel in Shopify opnieuw op. Twijfel je welk platform past, lees dan wat een webshop laten maken inhoudt.
Wanneer is opnieuw bouwen slimmer dan verhuizen?
Verhuizen loont als de code goed in elkaar zit en je vooral meer grip wilt op hosting en kosten. Opnieuw bouwen is slimmer als je meer moet repareren dan verhuizen.
Twijfel je, laat dan eerst kijken. Bij Easybrand begint dat met een AI-check van € 149: we bekijken code, beveiliging, SEO en hosting en adviseren verhuizen, afbouwen of opnieuw bouwen. Een AI-website laten afmaken kost vanaf € 1.495, met een vaste prijs vooraf. Kies je voor een schone start, dan is een maatwerk website laten maken de logische volgende stap.
| Situatie | Advies |
|---|---|
| Code is overzichtelijk, de app werkt, je wilt eigen hosting | Verhuizen: eerst de voorkant naar een eigen host, de backend eventueel later |
| Oudere React + Vite-site die moet scoren in Google | Eerst upgraden naar server-side rendering, of migreren naar Next.js |
| Je wilt zelf teksten en pagina's beheren zonder prompts | Migreren naar een opzet met CMS, of opnieuw bouwen in WordPress |
| Code is na veel prompts rommelig of onveilig | Opnieuw bouwen, met je prototype als ontwerp en briefing |
| Je wilt verkopen met een standaard winkel en kassa | De Shopify-koppeling in Lovable, of een webshop opnieuw bouwen |
Conclusie
Een Lovable-website verhuizen kan, maar alleen de code en de databasestructuur gaan vanzelf mee. Data, bestanden, inloggen, sleutels en koppelingen verhuis je zelf, en bij een oudere React + Vite-site moet je de rendering voor zoekmachines opnieuw regelen. Naar WordPress of een gewone Shopify-winkel bouw je opnieuw. Houd je URL's gelijk of stuur ze permanent door, en haal de lovable.app-versie offline zodra je site elders draait.
Veelgestelde vragen
Kan ik mijn Lovable-project als zip downloaden?
Ja, op een betaald abonnement. Kies Download codebase in de code-editor of onder Project settings > Git. Je krijgt dan een momentopname van de code. Voor een kopie die met je wijzigingen meebeweegt, is een GitHub-koppeling handiger.
Kan ik een bestaand GitHub-project in Lovable importeren?
Nee. Volgens Lovable kun je alleen van Lovable naar GitHub exporteren, niet andersom. Wel komen wijzigingen die je naar de gekoppelde branch pusht terug in Lovable.
Blijft mijn lovable.app-adres werken na de verhuizing?
Ja. Dat adres blijft bij Lovable en toont de laatst gepubliceerde versie. Haal het project daarom offline met Unpublish zodra je site elders draait, zodat er geen tweede versie online blijft.
Moet ik mijn Lovable-abonnement houden na het verhuizen?
Een export of domeinwijziging zegt niets op. Draait je database nog in Lovable Cloud, dan heb je Lovable nog nodig en lopen de Cloud-kosten door. Pas als code, data en koppelingen elders draaien, kun je opzeggen.
Kunnen mijn gebruikers na de verhuizing met hun oude wachtwoord inloggen?
Als je de database terugzet in een Supabase-project wel, want de wachtwoord-hashes zitten in de export. Wie ingelogd was, moet opnieuw inloggen, en providers zoals Google-login stel je opnieuw in. Dit zijn persoonsgegevens: de eindverantwoordelijkheid voor AVG-naleving ligt bij je eigen organisatie.
Kan Lovable mijn project zelf klaarmaken voor een andere host?
Deels. Lovable geeft een voorbeeldprompt om de configuratie voor een host naar keuze voor te bereiden, en kan Docker-bestanden maken. Lovable kan het resultaat buiten de eigen preview niet draaien of testen en maakt geen echte geheime sleutels aan. Dat controleer en regel je zelf.
Bronnen
- Lovable Docs: Deploying and hosting outside Lovable
- Lovable Docs: Sync your Lovable project with GitHub
- Lovable Docs: Built-in backend (Cloud)
- Lovable Docs: Custom domains
- Lovable Docs: Optimize your app for SEO and AI search
- Lovable Docs: Connect your app to WordPress (self-hosted)
- Lovable Docs: Build a Shopify store with AI
- Google Search Central: Een site verhuizen met URL-wijzigingen
- Google Search Central: Redirects en Google Zoeken
Meer van Easybrand