Lovable is een van de snelste manieren om met AI een complete website of webapp te bouwen. Je beschrijft wat je wilt, en Lovable genereert de code, de opmaak en soms zelfs een database. In de preview werkt alles. En dan komt de vraag waar bijna iedereen op vastloopt: hoe zet je een Lovable-website online, op je eigen domeinnaam?
Lovable bouwt razendsnel, maar de livegang op een professioneel adres vraagt nog wat werk: exporteren, hosting, domeinkoppeling en beveiliging. In dit artikel doorlopen we alle stappen — van je Lovable-project tot een werkende, beveiligde website op jouwbedrijf.nl.
Wat maakt een Lovable-website anders?
Een website uit ChatGPT is meestal “statisch”: losse HTML-, CSS- en JavaScript-bestanden. Een Lovable-project kan een stap verder gaan en bestaan uit:
- Een front-end — de zichtbare website, vaak gebouwd met React.
- Een database (Supabase) — als je website formulieren, logins of opgeslagen gegevens gebruikt.
- Een GitHub-koppeling — waarmee je de volledige broncode kunt exporteren.
Voor een eenvoudige website (informatie, portfolio, landingspagina) heb je die database vaak niet nodig en lijkt de livegang op die van een gewone AI-website. Gebruik je wél formulieren of gebruikersaccounts, dan komt er meer bij kijken. We houden het in dit artikel praktisch en wijzen aan wáár het technischer wordt.
Stap 1: Publiceren via Lovable zelf (de snelste route)
Lovable biedt een eigen publicatieknop. Daarmee staat je website in enkele klikken online op een Lovable-subdomein (iets als jouwproject.lovable.app). Handig om snel iets te laten zien.
De beperking: dat subdomein is niet je eigen merk. Voor een professionele uitstraling wil je je eigen domeinnaam — en daarvoor moet je koppelen of exporteren.
Stap 2: Je eigen domein koppelen
Wil je Lovable blijven gebruiken maar wél je eigen adres, dan koppel je een domeinnaam aan je project. Dat gebeurt via de instellingen van Lovable en via de DNS-instellingen van je domein.
In het kort:
- Registreer of gebruik je domeinnaam (bijvoorbeeld een .nl bij een Nederlandse registrar).
- Voeg je domein toe in de projectinstellingen van Lovable.
- Pas de DNS-records aan zoals Lovable aangeeft en wacht op de doorvoertijd (tot 24 uur).
Let op: één verkeerd DNS-record en je website — of je e-mail — is onbereikbaar. Twijfel je, laat dit dan doen door iemand die dagelijks met DNS werkt.
Stap 3: Exporteren via GitHub (voor volledige controle)
Wil je onafhankelijk zijn van Lovable, of je website op je eigen (Nederlandse) hosting draaien? Dan exporteer je de code. Lovable werkt met een GitHub-koppeling: je verbindt je project met een GitHub-account en krijgt zo de volledige broncode in handen.
Dit is het punt waarop het technischer wordt. Je hebt dan te maken met:
- Een build-stap — een React-project is geen kant-en-klare HTML; het moet eerst “gebouwd” worden tot bestanden die een server kan serveren.
- Omgevingsvariabelen — sleutels en instellingen (bijvoorbeeld voor de database) die apart en veilig moeten worden ingesteld.
- De Supabase-database — als je project daar gebruik van maakt, moet die apart blijven draaien en correct gekoppeld zijn.
Voor een puur statische website is dit goed te doen. Zit er een database of login achter, dan is dit echt werk voor iemand met webkennis. Je hoeft dat niet zelf te worden — je kunt het ook laten controleren en regelen.
Stap 4: Controleer of alles werkt
Ongeacht de route: test vóór publicatie of alles klopt. AI-bouwtools zijn krachtig, maar leveren niet altijd een compleet werkend geheel op. Veelvoorkomende problemen:
- Knoppen of formulieren die in de preview werkten, maar na export niets meer doen.
- Verwijzingen naar een database die na export niet meer verbonden is.
- Afbeeldingen of lettertypen die niet meekomen.
- Een website die op mobiel anders oogt dan in de preview.
Loop de belangrijkste functies na: menu’s, formulieren, links en de weergave op mobiel. Geen zin om zelf te debuggen? Bij SetUP controleert een webbouwer je Lovable-export vóór publicatie op precies dit soort punten — links, bestanden, scripts en mobiele weergave.
Stap 5: Hosting en SSL
Kies je voor eigen hosting in plaats van het Lovable-platform, dan heb je nodig:
- Hosting die overweg kan met je type project (een statische build of een applicatie met database).
- Een SSL-certificaat — het slotje in de browser. Zonder SSL tonen browsers “Niet beveiligd” en geeft Google je website minder voorrang. Bij de meeste hostingpartijen activeer je dit met één klik.
- Domeinkoppeling — je domein wijzen naar de juiste server via DNS.
Voor ondernemers die hun website zakelijk gebruiken, is professionele hosting met back-ups, een e-mailadres op je eigen domein en support meestal de betere keuze dan een kaal ontwikkelaarsplatform.
Stap 6: Na de livegang
Online zetten is één ding, online hóúden is iets anders:
- Back-ups voor als er iets misgaat.
- Beveiligingsupdates — zeker bij een project met database.
- Uitbreiden — wil je later zelf blogs of nieuws publiceren, dan is een beheeromgeving (CMS) handiger dan telkens de code aanpassen en opnieuw uitrollen.
Veelgemaakte fouten bij het live zetten van een Lovable-website
- Blijven hangen op het
.lovable.app-subdomein in plaats van je eigen merk uit te stralen. - Exporteren zonder rekening te houden met de build-stap en omgevingsvariabelen.
- De Supabase-database vergeten mee te nemen of verkeerd koppelen.
- DNS wijzigen zonder de oude instellingen te noteren.
- Geen SSL, waardoor bezoekers een waarschuwing zien.
- Nooit meer omkijken naar back-ups en updates.
Liever in één keer goed geregeld?
Zelf doen kan — daarom hebben we dit stappenplan geschreven. Maar een Lovable-project met export, build-stap en eventueel een database is meer werk dan een simpele HTML-website. Wil je zekerheid dat het technisch klopt en snel live staat, dan is er een kortere route: upload je bestanden bij SetUP, wij doen een persoonlijke codecontrole en regelen hosting, SSL, domeinkoppeling en een professioneel e-mailadres. Binnen 24 uur online, zonder technische verrassingen.
Werk je met ChatGPT in plaats van Lovable? Lees dan ons stappenplan ChatGPT-website online zetten.
👉 Bekijk hoe SetUP werkt en start je livegang
Veelgestelde vragen
Kan ik een Lovable-website op mijn eigen domein zetten? Ja. Je kunt je eigen domein koppelen binnen Lovable, of je project exporteren via GitHub en op je eigen hosting draaien. Beide vragen DNS-instellingen; de export vraagt daarnaast wat webkennis.
Wat is Supabase en heb ik dat nodig? Supabase is de database die Lovable gebruikt voor dingen als formulieren, logins en opgeslagen gegevens. Een eenvoudige informatiewebsite heeft dit vaak niet nodig; een website met accounts of opgeslagen data wel.
Moet ik kunnen programmeren om mijn Lovable-website live te zetten? Voor een statische website niet per se. Zodra er een database, build-stap of omgevingsvariabelen bij komen, is basiskennis van webontwikkeling handig — of je laat het doen via een dienst als SetUP.
Wat kost het om een Lovable-website online te zetten? Via Lovable zelf betaal je voor het platform. Op eigen hosting reken je op enkele euro’s per jaar voor je domein plus hostingkosten. Laten regelen via SetUP: vanaf € 39 per maand inclusief hosting, SSL, domeinkoppeling, e-mailadres, back-ups en support.
Hoe snel staat mijn Lovable-website online? Publiceren binnen Lovable is een kwestie van minuten. Een eigen domein koppelen kan tot 24 uur duren door DNS. Via SetUP staat je website standaard binnen 24 uur live.
