Hoe zet ik mijn vibe-coded website online?

Een vibe-coded website zet je online door de map met je index.html (of de dist-map na npm run build) op dropthehassle.com te slepen: binnen een paar minuten staat hij op een gratis https-link die iedereen kan openen, zonder creditcard. Komt je site uit Lovable of Bolt, dan haal je de code er eerst uit. Hieronder staat per tool hoe dat gaat.

Je AI mag publiceren, maar kan nooit je geld uitgeven.

Gemaakt met ChatGPT, Claude, Gemini, Cursor, Replit, v0, Windsurf of met de hand? Dezelfde stappen.

Laatst bijgewerkt: 3 oktober 2026. Wat er over Lovable en Bolt staat, komt uit hun eigen documentatie; de prijs van Bolt staat op bolt.new/pricing (gecheckt op 3 oktober 2026).

Een preview is nog geen website

Het verwarrende aan vibe coding: je ziet je site de hele tijd al. In het voorbeeldvenster van Lovable of Bolt, in de preview naast je chat met Claude of ChatGPT, of op localhost:5173 als Cursor of Claude Code hem op je laptop draait. Maar dat venster is van de tool, of van je eigen computer. Stuur je die link naar een vriend, dan ziet hij niets, of hij moet eerst inloggen bij een dienst die hij niet heeft.

Online zetten betekent: de bestanden van je site staan op een server die dag en nacht aan staat, op een adres met https dat iedereen kan openen. Je AI heeft het bouwen gedaan. Dit laatste stuk doet hij meestal niet uit zichzelf, en daar gaat deze pagina over.

Lovable en Bolt kunnen je site wel publiceren op een adres van henzelf. Voor je eigen domeinnaam vragen ze allebei een betaald plan. Bij Bolt is dat Pro, $25 per maand als je per maand betaalt. Wil je dat niet, dan zet je de gebouwde site gewoon ergens anders neer.

Welke map moet online? Per tool

Een host wil de afgebouwde site: een map met gewone bestanden die een browser zo kan openen. Waar je die vandaan haalt, hangt af van je tool. De tabel scrolt opzij op een smal scherm.

Gemaakt met	Zo haal je het eruit	Dit upload je
ChatGPT, Claude of Gemini, in de chat	Copy of Download bij het codeblok, opslaan als `index.html`	De map met `index.html`
Claude Code, Cursor, Codex of Windsurf	Staat al in een map op je computer	Met een `package.json`: eerst `npm run build`, dan `dist`. Zonder: de map met `index.html`
Lovable	Koppel je project aan GitHub (kan op elk plan) en kies op github.com Code, dan Download ZIP	`dist`, na `npm install` en `npm run build`
Bolt	Klik op de projectnaam, dan Export, dan Download	`dist`, na `npm install` en `npm run build`
Replit	Download als zip via het menu met de drie puntjes boven de bestandenlijst	De gebouwde map. Draait er een server mee, lees dan verderop

Bouwen klinkt zwaarder dan het is. Je hebt Node.js nodig (de LTS-versie van nodejs.org), je opent een terminal in de projectmap en typt npm install en daarna npm run build. Of je vraagt het aan Cursor, Claude Code of Codex. Er verschijnt een map dist, soms build of out, en die gaat online.

Lovable-app gemaakt op of na 13 mei 2026? Dan is het een TanStack Start-app, en daar geeft npm run build geen map die je zo kunt slepen. Daarvoor is een aparte Engelse gids.

Twijfel je welke map het is? Vraag het je AI: Welke map moet ik uploaden om deze site online te zetten? Hij heeft de boel zelf gebouwd, dus hij weet het.

In 4 stappen online

Pak de goede map. Die met index.html bovenin, of dist als je net hebt gebouwd. Een .zip ervan mag ook.
Ga naar dropthehassle.com en klik op Upload (free). Je hoeft niet eerst een account te maken.
Klik op Drop your folder en sleep de map erin. Meteen daarna vraagt de pagina om je e-mailadres. Tot je claimt, mag het 25 MB en 1.000 bestanden zijn.
Claim hem. Je site staat nu al op een adres als https://jouwnaam.dropthehassle.app. Klik op hetzelfde scherm op Claim this site, anders verdwijnt hij na minstens 7 dagen. Geclaimd mag je tot 100 MB en 5.000 bestanden uploaden, en de gratis link blijft staan.

Heeft je app eigen pagina's, zoals /prijzen of /contact? Die openen ook na verversen. Is een adres geen echt bestand, dan krijgt de bezoeker je index.html, en je app doet de rest.

Of laat je AI het uploaden

Werk je in Claude Code, Cursor, Codex of Windsurf? Dan kan je AI dat laatste stuk ook zelf. Koppel één keer https://dropthehassle.com/mcp en zeg zet deze site online met DropTheHassle. Je krijgt een live link en een claimlink terug, en voor die eerste keer heb je geen account, token of GitHub nodig. Hoe je dat koppelt, staat in de gids voor Claude Code, die voor Cursor en de Engelse gids over de MCP-server.

Je AI mag ook een domeinnaam voor je opzoeken en je een betaallink sturen. Afrekenen doet hij nooit: die klik blijft van jou.

Heeft je app een database of inlog?

Veel vibe-coded apps praten met Supabase of Lovable Cloud voor de database en het inloggen. Dat blijft gewoon waar het is. De pagina's staan hier en praten vanaf hier met die dienst. Let op twee dingen: zet je sleutels in een .env-bestand voordat je bouwt, en zet je nieuwe adres in de lijst met toegestane redirect-URL's van je inlogdienst. Bij Supabase is dat Authentication, dan URL Configuration.

Start je je app met iets als node server.js of python app.py, dan draait er een stuk server mee dat aan moet blijven. Een map met bestanden kan dat niet in z'n eentje. Heb je ook een serverdeel? Laat dat op AWS, Google Cloud, DigitalOcean of je eigen server staan, en je AI koppelt het in één stap aan je site.

Is het veilig om een vibe-coded site online te zetten?

Die vraag komt vaak voorbij, en terecht. De hosting zelf is meestal het probleem niet. Je site krijgt https, en bestanden en mappen die met een punt beginnen, zoals .env of .git, halen we uit je upload voordat hij online gaat. Het risico zit in wat je AI in de code heeft gezet.

Alles in de gebouwde map is openbaar. Iedereen kan de JavaScript van je site lezen, ook de sleutels die er tijdens het bouwen in zijn gezet. Een publieke sleutel, zoals de anon key van Supabase, mag daar staan. Een geheime sleutel, zoals die van OpenAI of Stripe, nooit.
Zet de beveiliging van je database aan. Bij Supabase heet dat Row Level Security. Staat die uit, dan kan iemand met die publieke sleutel meer lezen dan je lief is.
Laat je AI even meekijken. Vraag bijvoorbeeld: Staan er geheime sleutels in code die in de browser terechtkomt? En welke tabellen kan iemand lezen met alleen de publieke sleutel?

Tot je hem claimt, vragen we zoekmachines je site nog over te slaan, en staat er onderaan een klein balkje Made with DropTheHassle dat bezoekers kunnen wegklikken.

Eigen domeinnaam erbij

Met de gratis link kun je je site prima laten zien. Op een visitekaartje of in je bio wil je je eigen naam.

Wat	Prijs
Gratis link `jouwnaam.dropthehassle.app` met https	€0, geen kaart. Claim hem en hij blijft.
.com, .org of .net hier kopen	€19 / $19 per jaar, incl. btw in de EU, elk jaar hetzelfde
.nl of .eu hier kopen	€12 / $12 per jaar, incl. btw in de EU, elk jaar hetzelfde
.app hier kopen	€25 / $25 per jaar, incl. btw in de EU, elk jaar hetzelfde
Een domein dat je al hebt	€0 bij ons. De verlenging loopt bij je eigen registrar.
E-mail op je eigen naam, als je wilt	€5 / $5 per maand voor het eerste postvak, €3 / $3 per maand voor elk extra adres

Koop je de naam hier, dan hoef je niets met DNS: hij hangt meteen aan je site. Je zoekt hem op in je dashboard en rekent zelf af via Stripe. Staat je domein al ergens anders? Zet daar één A-record naar het adres op je scherm en klik op Check now. https komt er vanzelf bij, en je nameservers blijven staan, dus je mail merkt er niets van.

Veelgemaakte fouten

Hier lopen mensen met een vibe-coded site het vaakst op vast:

De previewlink rondsturen. Een link naar localhost of naar het voorbeeldvenster van je tool werkt alleen bij jou. Stuur de link op dropthehassle.app.
Het hele project uploaden. Een project dat nog gebouwd moet worden, wordt geweigerd. Eerst npm run build, dan dist.
De sleutels vergeten. In een download uit Bolt zitten je omgevingsvariabelen niet. Zet ze in .env voordat je bouwt, anders vindt de live site je database niet.
Inloggen stuurt je terug naar de preview. Je inlogdienst kent alleen het oude adres. Zet het nieuwe in de lijst met toegestane redirect-URL's.
Hoofdletters. Je laptop vindt Logo.png en logo.png hetzelfde, een webserver niet.
Niet claimen. Na minstens 7 dagen is een niet-geclaimde site weg. Claim hem terwijl het scherm nog openstaat.

Werkt alles op je eigen computer en online niet? De vijf bekende oorzaken, plus een prompt die je zo in je AI plakt, staan in de Engelse gids My site works on my computer but not online.

Veelgestelde vragen

Hoe zet je een website online?

Je zet de bestanden van je site op een server die dag en nacht aan staat, op een adres met https. Hier sleep je daarvoor de map met index.html op dropthehassle.com, of je laat je AI het doen. Een hostingpakket, FTP of DNS heb je voor de gratis link niet nodig.

Hoe kan ik gratis een website online zetten?

Klik op dropthehassle.com op Upload (free) en sleep je map erin. Je krijgt een gratis adres op dropthehassle.app met https, zonder kaart. Claim de site daarna, anders wordt hij na minstens 7 dagen verwijderd.

Kun je vibe coding uitleggen?

Je vertelt in gewone taal wat je wilt hebben, en een AI-tool als Lovable, Bolt, Cursor of Claude Code schrijft de code. Je stuurt bij door te zeggen wat er anders moet, niet door zelf te programmeren. Wat eruit komt is gewone code, en die kan overal online.

Kan ik mijn Lovable- of Bolt-site online zetten zonder abonnement?

Ja. Haal de code eruit (bij Lovable via GitHub, bij Bolt via Export en Download), bouw hem één keer met npm run build en sleep de map dist hierheen. De link op dropthehassle.app is gratis; een eigen .com kost €19 / $19 per jaar, incl. btw in de EU, elk jaar hetzelfde.

Blijft mijn site online als ik stop met mijn AI-tool?

Ja, als je hem hier hebt gezet en geclaimd. De bestanden staan op je DropTheHassle-account, los van je abonnement bij Lovable, Bolt, Cursor of ChatGPT. Een database bij Lovable Cloud of Supabase houdt wel zijn eigen plan.

Hoe werk ik mijn site later bij?

Laat je AI de aanpassing maken, bouw opnieuw als je project dat nodig heeft, en sleep de nieuwe map in je dashboard bij Update website. De oude versie blijft online tot de nieuwe erop staat.

Kan mijn AI het domein voor me kopen?

Nee. Hij kan kijken of een naam vrij is en je een betaallink sturen, maar afrekenen doe je altijd zelf.

Meer lezen

Weet je welke map het is? Dan staat je site over een paar minuten op een link die je echt kunt rondsturen.

Zet je site gratis online