Lovable-website online zetten met je eigen domein

Lovable maakt van een beschrijving in een paar minuten een werkende website of app. Met de knop Publish staat die meteen online, op een adres dat eindigt op lovable.app. Om te testen is dat prima. Voor je zaak wil je www.jouwzaak.be: een adres dat je op je bestelwagen en je facturen durft te zetten, en dat blijft werken als je ooit van tool wisselt.

Er zijn twee routes naar je eigen domein. Je koppelt het domein in Lovable zelf, of je laat je project via GitHub bouwen en hosten bij een andere partij. Deze gids loopt beide stap voor stap door, met de DNS-records die je nodig hebt en de valkuilen waar de meeste mensen over struikelen. De tweede route tonen we met VibeDeploy, dat je site in België host. In beide gevallen blijf je gewoon in Lovable bouwen.

Eerst: publiceren op lovable.app

Publiceren kan volgens Lovable op elk abonnement, ook op Free. Klik rechtsboven in de editor op Publish, kies eventueel een ander adres in het veld Website URL en bevestig met Publish. Lovable meldt "Your website is live", en je site staat op jouwnaam.lovable.app, met HTTPS.

Let op: latere wijzigingen gaan niet vanzelf live. Klik opnieuw op Publish en daarna op Publish changes. Een stip op de knop toont dat er nog niet-gepubliceerde wijzigingen zijn.

React + Vite of TanStack Start?

Kijk voor je verdergaat welke soort project je hebt, want dat bepaalt waar het kan draaien:

• Oudere projecten op React + Vite bouwen naar statische bestanden in de map dist/. Volgens Lovable kan elke statische host die bestanden serveren.
• Projecten op TanStack Start zijn sinds 13 mei 2026 de standaard voor nieuwe Lovable-projecten. Ze maken hun pagina's op een server, en Lovable schrijft het zonder omwegen: de host moet een server draaien, niet alleen bestanden serveren.

Open package.json in het tabblad Code van Lovable of in je repository. Staat @tanstack/react-start tussen de dependencies, dan heb je een TanStack Start-project. Je kunt het ook gewoon aan Lovable vragen in de chat. Oudere projecten blijven volgens Lovable werken; je hoeft niets om te zetten.

Route 1 hieronder werkt voor beide soorten. De build bij elke push in route 2 is voor React + Vite; voor TanStack Start staat de aanpak aan het einde van route 2.

Route 1: je eigen domein koppelen in Lovable

Wil je bij Lovable blijven hosten, dan koppel je je domein daar. Eén voorwaarde vooraf: volgens de documentatie van Lovable vraagt het koppelen van een nieuw domein een betaald abonnement. Heb je nog geen domein, dan kun je er ook een kopen in Lovable, via Workspace settings → Workspace domains, als beheerder of eigenaar van de werkruimte.

Een domein dat je al bezit, koppel je zo:

1. Open Project → Settings → Domains.
2. Klik onder Connect existing domain op Connect domain, vul je domein in en klik op Continue.
3. Kies Root domain (bijvoorbeeld jouwzaak.be) of Subdomain (bijvoorbeeld shop.jouwzaak.be) en klik op Connect domain.
4. Kies je domeinprovider voor de automatische koppeling via Entri, waarbij je inlogt bij je provider en toestemming geeft om de records te zetten, of kies de handmatige setup.
5. Bij een handmatige setup zet je bij je registrar:
   • een A-record voor @ (of het label van je subdomein) met de waarde 185.158.133.1;
   • een TXT-record met de naam _lovable (of _lovable.shop voor een subdomein) en de waarde die Lovable toont, die begint met lovable_verify=.
6. Klik op Done en daarna naast het domein op Complete setup.

Koppel je een hoofddomein met de standaardoptie Redirect www, dan voegt Lovable ook www toe. Verwijder AAAA-records op het domein: volgens Lovable kunnen die de koppeling verstoren en verkeer verkeerd sturen. DNS-wijzigingen kunnen tot 72 uur duren, al zijn de meeste binnen enkele uren actief, en het SSL-certificaat volgt na de verificatie.

Ga je later terug naar Free, dan blijft een gekoppeld domein volgens Lovable gewoon werken. Een nieuw domein koppelen of kopen lukt dan niet meer.

Route 2: via GitHub naar hosting in België

Bij deze route blijft Lovable je bouwomgeving en gebeurt de hosting elders. Het voordeel: de GitHub-koppeling kan volgens Lovable op elk abonnement, en jij kiest waar je site staat en wat ze kost. Stap 2 en de upload zonder GitHub gelden voor React + Vite-projecten; heb je een TanStack Start-project, lees dan ook het laatste deel van deze route.

Stap 1: koppel je Lovable-project aan GitHub

Open in Lovable Project settings → Git → GitHub, of in het chatmenu Project → GitHub, en klik op Connect. Lovable maakt een repository aan en synchroniseert in twee richtingen: wat je in Lovable verandert, komt op GitHub, en wat in de actieve branch op GitHub verandert, komt terug in Lovable. Lovable werkt met één branch tegelijk, standaard de hoofdbranch van de repository (meestal main).

Stap 2: koppel de repository aan VibeDeploy

1. Maak een account aan bij VibeDeploy en kies bij een nieuwe site Vanuit GitHub.
2. VibeDeploy vraagt een persoonlijk toegangstoken van GitHub (een personal access token). Een knop opent de juiste pagina op github.com, met het recht repo al aangevinkt. Kies een vervaldatum, klik op Generate token en plak het token in VibeDeploy. Het wordt versleuteld bewaard en nooit opnieuw getoond.
3. Kies de repository van je Lovable-project en de branch, en geef je site een naam.

VibeDeploy bouwt het project in een afgeschermde container: het installeert de pakketten, draait npm run build en publiceert de map die de build oplevert (dist/, build/, out/ of public/). Daarnaast zet VibeDeploy een webhook op je repository, zodat elke push naar die branch een nieuwe build start. Omdat Lovable elke wijziging naar GitHub stuurt, staat wat je in Lovable bouwt even later ook op je site. Die is meteen bereikbaar op een adres als jouwnaam.vibedeploy.be.

VibeDeploy bouwt met wat in je repository staat. Gebruikt je app Lovable Cloud, kijk dan of het bestand .env met VITE_SUPABASE_URL en VITE_SUPABASE_PUBLISHABLE_KEY erin zit: Lovable schrijft dat variabelen die met VITE_ beginnen, bij het bouwen in de site worden ingebakken, niet pas wanneer ze draait.

Stap 3: koppel je eigen domein

1. Ga in het dashboard naar Web-adressen, typ je domein bij Gebruik je eigen domein, kies de site en klik op Koppelen!.
2. Zet bij je registrar de records die het dashboard toont:
   • een TXT-record _vibedeploy.jouwzaak.be met een waarde die begint met vibedeploy-verify=: het bewijs dat het domein van jou is;
   • voor www of een ander subdomein: een CNAME naar proxy.vibedeploy.be;
   • voor het hoofddomein: een ALIAS- of ANAME-record naar proxy.vibedeploy.be, of een A-record met het IP-adres uit het dashboard als je provider geen ALIAS kent.
3. Klik op Verifiëren. Klopt alles, dan regelt VibeDeploy het SSL-certificaat automatisch.

Koppel je het hoofddomein, dan toont het dashboard ook een record voor www, zodat wie www.jouwzaak.be typt op jouwzaak.be uitkomt. Ook in de proefperiode van 14 dagen kun je één domein koppelen dat je al bezit; een domein kopen via VibeDeploy kan vanaf een betaald plan.

Zonder GitHub: zelf bouwen en uploaden

Op de betaalde abonnementen van Lovable kun je de code ook rechtstreeks downloaden, via Download codebase in Project settings → Git of onderaan de bestandenlijst in de code-editor. Open een terminal in die map en bouw de site (daarvoor heb je Node.js nodig):

npm install
npm run build

Sleep daarna de map dist/ in het dashboard onder Bestanden uploaden. Broncode zonder build weigert VibeDeploy: een project met een package.json maar zonder buildmap bevat nog niets wat een browser kan tonen. Het nadeel van deze route is dat je bij elke wijziging in Lovable opnieuw downloadt, bouwt en uploadt. Met GitHub gaat dat vanzelf.

Project op TanStack Start: de server als container

Een TanStack Start-app heeft een draaiende server nodig, dus een upload van dist/ of een statische build bij elke push geeft je geen werkende site. Volgens Lovable bouw je zo'n app voor hosting buiten Lovable met NITRO_PRESET=node-server npm run build en start je ze met node .output/server/index.mjs op Node.js 22; de server luistert dan op poort 3000.

Bij VibeDeploy draait die server als container naast je site. Koppel VibeDeploy via MCP aan een AI-assistent die je project kan lezen, bijvoorbeeld Claude Code in de map van je repository (zie de VibeDeploy MCP-server), en vraag de app te draaien met de tool deploy_app. Statische sites en single-page apps worden rechtstreeks geserveerd. Naast een site kunnen ook containers draaien (je eigen server, Postgres, MySQL, Redis of workers; tot 6 services met samen 2 CPU en 2 GiB geheugen), die je AI uitrolt met de MCP-tool deploy_app, geïsoleerd met gVisor. Containerdata zit nog niet in de momentopnames.

Sleutels die de server nodig heeft, zoals SUPABASE_URL en SUPABASE_PUBLISHABLE_KEY voor Lovable Cloud, zet je in het dashboard bij je site onder Instellingen, in het blok Secrets, nooit in de chat. Het verschil met de statische route: je AI zet een nieuwe versie online via MCP, er is geen automatische build bij elke push. Je eigen domein koppel je op dezelfde manier als in stap 3.

DNS bij je registrar: zo ga je te werk

Elke registrar heeft een eigen scherm, maar de stappen zijn overal dezelfde:

1. Meld je aan bij de partij waar je het domein kocht en open het DNS-beheer van je domein. Soms heet dat de DNS-zone of de DNS-records.
2. Kijk welke records er al staan voor @ en www. Oude A-, AAAA- of CNAME-records die naar een vorige host wijzen, verwijder of vervang je: twee records die naar verschillende servers wijzen, geven wisselende resultaten.
3. Voeg de nieuwe records toe, precies zoals Lovable of VibeDeploy ze toont. Het naamveld verschilt per provider, schrijft Lovable: soms @, soms leeg, soms de volledige domeinnaam, soms alleen het label van het subdomein. Vraagt je provider enkel het deel vóór je domeinnaam, vul dan _vibedeploy in en niet _vibedeploy.jouwzaak.be.
4. Bewaar, wacht een paar minuten en start de verificatie. Lukt het niet meteen, probeer het later opnieuw.

Wil je zelf zien wat de rest van het internet al ziet, gebruik dan nslookup in een terminal:

nslookup -type=TXT _vibedeploy.jouwzaak.be

Valkuilen

• Cloudflare-proxy. Beheer je je DNS bij Cloudflare, zet de records voor je site dan op DNS only (grijze wolk) in plaats van Proxied (oranje wolk). Lovable schrijft dat de foutmeldingen 1001 en 1003 uit de proxy van Cloudflare komen, niet uit Lovable. Ook bij VibeDeploy moet je domein voor de verificatie rechtstreeks naar proxy.vibedeploy.be wijzen.
• AAAA-records. Een achtergebleven IPv6-record kan bezoekers naar een oude server sturen. Lovable vraagt uitdrukkelijk om ze te verwijderen.
• Eén domein, twee hosts. Kies één plek. Wijst je DNS naar VibeDeploy, ontkoppel het domein dan in Lovable. Volgens Lovable kan dat op elk abonnement.
• Lovable Cloud. Gebruikt je app de ingebouwde backend van Lovable (database, inloggen, opslag, functies), dan kan die volgens Lovable bij Lovable blijven: alleen de website verhuist. Test na de eerste build of inloggen en gegevens laden werken op het nieuwe adres, voor je je domein omzet. Log je in met Google of een andere provider, zet je nieuwe domein dan bij de toegestane redirect-URL's, zoals Lovable aanraadt. Overstappen van Lovable Cloud naar een eigen Supabase-project kan volgens Lovable niet met één klik.
• Het oude adres blijft bestaan. Je lovable.app-adres blijft bij Lovable en toont de versie die je daar het laatst publiceerde. Verwijs je bezoekers dus naar je eigen domein.
• Een formulier zonder ontvanger. Heeft je site een contactformulier zonder backend, dan kan de formulieren-relay van VibeDeploy de inzendingen per e-mail doorsturen. Je zet die aan via de VibeDeploy-connector in je AI-assistent, bijvoorbeeld vanuit Claude: zie website maken met Claude en online zetten.

Welke route kies je?

Kies de eerste route als je alles bij één partij wil houden of als je app zwaar leunt op Lovable Cloud. Kies de tweede als je hosting in België wil, geen betaald Lovable-abonnement wil nemen alleen voor een domein, of als je meerdere sites onder één plan wil beheren.

Wat kost hosting bij VibeDeploy?

Je probeert 14 dagen gratis, zonder betaalkaart, met één site en één eigen domein. Daarna kost Solo 4 euro per maand (38 euro per jaar) voor één site met één eigen domein. Maker kost 15 euro per maand (144 euro per jaar) voor drie sites, met sites achter een wachtwoord, en Studio 39 euro per maand (374 euro per jaar) voor tien sites, met een testomgeving. Er komen geen kosten per bezoeker of per gigabyte bovenop je maandprijs.

Prijzen zijn inclusief btw waar die van toepassing is. Voor Belgische klanten zit 21 procent btw in de prijs; particulieren in een ander EU-land betalen dezelfde prijs met de btw van hun eigen land, en bedrijven met een geldig EU-btw-nummer buiten België krijgen een factuur met verlegde btw. De factuur komt van Tnet Comm.V uit Diest, en bij elk betaald plan hoort een verwerkersovereenkomst (DPA). Elke deploy blijft bewaard als versie: een wijziging die misloopt, zet je met één klik terug in het dashboard, binnen het herstelvenster van je plan (3 dagen in de proefperiode en op Solo en Maker, 7 op Studio, 30 op Business).

Kies je na de proefperiode geen plan, dan gaat je site offline, maar je account en bestanden blijven 30 dagen bewaard. Alle details staan op de prijzenpagina. Wil je eerst het grotere plaatje, van AI-tool tot live site, lees dan website laten maken door AI en online zetten. Meer over Lovable, in het Engels, staat in onze Lovable-gids.

Bronnen

• Lovable-documentatie, Set up a custom domain: betaald abonnement, de stappen onder Project → Settings → Domains, de A- en TXT-records, AAAA-records, Cloudflare, de doorlooptijd van DNS, downgrades en domeinen kopen. Geraadpleegd op 13 oktober 2026.
• Lovable-documentatie, Publish your Lovable project: publiceren op elk abonnement, het lovable.app-adres, Publish changes. Geraadpleegd op 13 oktober 2026.
• Lovable-documentatie, Sync your Lovable project with GitHub: koppelen via Project settings → Git, synchronisatie in twee richtingen, beschikbaarheid op elk abonnement, Download codebase op betaalde abonnementen. Geraadpleegd op 13 oktober 2026.
• Lovable-documentatie, Lovable Cloud: de ingebouwde backend en de overstap naar een eigen Supabase-project. Geraadpleegd op 13 oktober 2026.
• Lovable-documentatie, Deploying and hosting outside Lovable: React + Vite tegenover TanStack Start, het herkennen via package.json, de serverbuild van TanStack Start, VITE_-variabelen, Lovable Cloud en redirect-URL's na een verhuis, het lovable.app-adres. Geraadpleegd op 13 oktober 2026.
• Lovable-documentatie, Upgrade a project to TanStack Start: TanStack Start als standaard voor nieuwe projecten sinds 13 mei 2026, oudere projecten blijven werken. Geraadpleegd op 13 oktober 2026.