Lovable website naar je eigen domein verhuizen

Een Lovable-site verhuis je naar je eigen domein door de code te exporteren, hem te bouwen en de bestanden bij ons online te zetten. Dat gaat in een paar stappen, mits je project statisch is. Of dat zo is, zie je in een minuut in één bestand. Daarna blijft er één klus over: je domein omzetten, terwijl je huidige site online blijft.

Lovable zelf of je eigen hosting

Lovable kan je project zelf publiceren op een adres van lovable.app, en met een betaald abonnement ook op je eigen domein. Dan wijst je domein naar Lovable. Die route is prima als je tevreden bent met alles op één plek.

Verhuizen naar eigen hosting betekent iets anders: de code verhuist, het domein wijst daarna naar ons, en jij beheert de bestanden zelf. Handig als je de site los wilt hebben van het platform waarop je hem hebt gebouwd. Bij ons staat hij met SSL, Cloudflare ervoor en een dagelijkse back-up. Meer over onze aanpak voor deze tool staat op hosting voor Lovable-websites.

Stap 1: exporteer met GitHub of download

Er zijn twee manieren om bij de code te komen.

GitHub-sync. Je koppelt Lovable via de projectinstellingen aan je GitHub-account (in het Engels: Project settings, Git, GitHub, Connect). Lovable maakt dan een nieuwe privé-repository en houdt die in sync met je project. Dit werkt op alle abonnementen. Het voordeel: wijzigingen die je later in Lovable maakt, komen in dezelfde repository terecht, zodat je een nieuwe build kunt laten maken.

Download. In de projectinstellingen onder Git (of onderaan de bestandsboom van de code-editor) staat de optie om de codebase te downloaden als zip. Volgens de documentatie van Lovable is dit voorbehouden aan betaalde abonnementen.

In beide gevallen krijg je de broncode en de bestanden voor de database-structuur. De inhoud van je database en geüploade bestanden zitten er niet in. Meer over de verschillen tussen zip en GitHub lees je in AI-website exporteren als zip of GitHub.

Stap 2: is je project statisch?

Dit is de vraag waar alles om draait. Lovable gebruikt twee soorten projecten.

• React met Vite. Oudere projecten. Die bouwen naar statische bestanden in de map dist. Dit past bij gewone hosting.
• TanStack Start. Projecten die zijn gemaakt vanaf 13 mei 2026 gebruiken dit. Het rendert pagina’s op de server en heeft een host nodig die een server draait. Een oudere app kan naar TanStack Start zijn omgezet, dus kijk altijd in je eigen package.json.

Open package.json in de hoofdmap van je project en zoek naar @tanstack/react-start.

grep "tanstack/react-start" package.json

Komt er niets terug, dan is je project React met Vite en gaat dit artikel verder. Komt er wel een regel terug, dan is een server nodig en past je project bij een aanbod op maat. Stuur ons een appje met de GitHub-link of de zip, dan kijken we wat er kan en komt er een voorstel.

Stap 3: bouw de statische site

Heb je de code lokaal, dan bouw je hem zo. Lovable noemt Node.js 22 voor deze build.

npm ci
npm run build

Heb je alleen een bun.lock en geen package-lock.json? Gebruik dan npm install in plaats van npm ci, of vraag ons om het te doen. De map dist is het resultaat: index.html, een map assets en wat je verder aan afbeeldingen hebt. Dat is de inhoud die online moet. De algemene achtergrond staat in React of Vite website hosten zonder Node-server.

Je hoeft dit niet zelf te doen. Stuur ons je zip of GitHub-link, dan bouwen en uploaden wij als onderdeel van de gratis verhuizing.

Je backend blijft waar hij is

Een Lovable-project gebruikt meestal een backend die compatibel is met Supabase: inloggen, database, opslag en functies. Als je alleen de website verhuist, blijft die backend draaien op dezelfde plek en roept je nieuwe site hem gewoon aan. Je hoeft je data dus niet mee te nemen.

Er zijn wel een paar dingen om aan te passen.

• Omgevingsvariabelen. De adressen en publieke sleutel van je backend staan in VITE_SUPABASE_URL, VITE_SUPABASE_PUBLISHABLE_KEY en VITE_SUPABASE_PROJECT_ID. Ze worden bij de build in de bestanden gezet. Verander je er een, dan bouw je opnieuw. Zet er nooit een geheime sleutel in, want alles met VITE_ is publiek leesbaar.
• Toegestane adressen en redirects. Gebruikt je site inloggen, dan moet je nieuwe domein in de backend staan als toegestaan adres en als redirect na het inloggen. Vergeet je dit, dan lukt het inloggen op je eigen domein niet.
• Functies van Lovable zelf. Onderdelen zoals de AI-gateway van Lovable en gekoppelde connectoren lopen via Lovable. Gebruik je die, dan blijven ze Lovable nodig hebben.

Heb je een contactformulier dat via de backend werkt, dan blijft dat werken zolang de backend bereikbaar is en je domein is toegestaan. Meer opties staan in contactformulier op je AI-website.

Alle pagina’s bereikbaar: de rewrite naar index.html

Een React-site met meerdere pagina’s regelt de routes in de browser. Opent iemand direct jouwdomein.nl/over-ons, dan zoekt de server een bestand met die naam en vindt het niet. Daarom moeten onbekende adressen naar index.html worden gestuurd, met een gewone 200-status. Dat geldt bij elke host. Bij ons is het een instelling die wij op verzoek voor je aanzetten, een bericht via WhatsApp is genoeg.

Een extra aandachtspunt: Lovable serveert op zijn eigen hosting voorgerenderde versies naar zoekmachines en sociale media. Op een gewone host mist die laag. Dat kan invloed hebben op hoe zoekmachines en linkvoorbeelden je pagina’s zien.

Je domein omzetten terwijl de oude site online blijft

Dit is het moment waarop je domein naar ons gaat. De volgorde:

1. Zet de bestanden online op je nieuwe hosting en bekijk de site.
2. Loop alles na: pagina’s, afbeeldingen, inloggen.
3. Wijzig bij je registrar de nameservers naar de twee die wij je geven.

Tot stap 3 blijft je oude site online, ook als die nog bij Lovable staat. Daarna gaat je domein naar ons, en dat kan na het wijzigen even duren voordat het overal zichtbaar is. Heb je bij Lovable een eigen domein gekoppeld, dan haal je dat daar weg zodra de nieuwe site live staat. Het volledige stappenplan staat in domeinnaam koppelen aan je AI-website.

Het Website-plan kost € 9 per maand, of € 90 per jaar, zie prijzen. Bestel via het bestelformulier en kies “gemaakt met AI”. Een overzicht van alle routes staat in website van AI online zetten.