Site gebouwd met AI? Zo zet je hem online (met Netlify)
Je vroeg Claude, ChatGPT of Gemini om een website voor je zaak, een landingspagina voor een event of een handige rekentool. Op je eigen computer ziet het er prima uit. En dan komt de vraag die niemand je uitlegt: hoe krijg je dat op het internet, met je eigen .be-adres erboven?
Dat stuk ontbreekt vaak in vibe coding. In deze gids nemen we Netlify als voorbeeld, omdat het voor dit soort projecten een van de eenvoudigste wegen is. Eerlijk vooraf: in deze post staat één affiliate-link, aangeduid met een sterretje. Net daarom gelden de huisregels extra streng: de nadelen en de alternatieven staan er volledig in.
Wat je van de AI eigenlijk krijgt
Bij een eenvoudige site krijg je meestal een paar losse bestanden: een index.html (de pagina zelf), een CSS-bestand (de opmaak) en soms een JavaScript-bestand (wat beweegt of rekent). Bouwde je iets groters met een tool als Claude Code, dan krijg je een projectmap met een framework en een build-stap. Die levert uiteindelijk ook weer zulke bestanden op, vaak in een map dist of build.
Hosten betekent niets meer dan die bestanden op een computer zetten die altijd aanstaat en ze aan elke bezoeker toont. Bestaat je site uit HTML, CSS en JavaScript, dan spreken we van een statische site. Daar is Netlify voor gemaakt.
Website online zetten, stap 1: Netlify Drop
Volgens de Netlify Drop-handleiding ga je naar app.netlify.com/drop en sleep je je projectmap in de Drop-zone. Je krijgt meteen een adres dat eindigt op netlify.app.
Een account is niet verplicht, maar zonder account zit je site achter een tijdelijk wachtwoord tot je hem claimt. Log dus beter eerst in: dan kan Netlify je project ook zelf bouwen als er een build-stap nodig is. Hou je map klein: Netlify zegt dat deploys onder 50 MB het best werken en dat losse bestanden boven 10 MB een deploy kunnen laten vastlopen.
Dan het punt waar veel beginners over struikelen. Op de huidige plannen starten nieuwe projecten standaard privé: alleen jij en je team zien ze. Pas als je op Make public klikt, kan iedereen met de link je site bekijken. Zie je als bezoeker een inlogscherm, dan is dat dus geen fout.
Iets aangepast? Sleep je bijgewerkte map in je projectdashboard onder Production deploys, en de nieuwe versie gaat live.
Stap 2: de nette weg via GitHub
Slepen wordt snel omslachtig als je vaak wijzigt. De nette weg: je code in een GitHub-repository zetten (Claude Code en andere AI-bouwtools kunnen dat voor je doen) en die aan Netlify koppelen. Volgens de repository-handleiding kies je in je teamdashboard Add new project en dan Import an existing project, je selecteert GitHub en geeft Netlify toegang. Netlify herkent zelf je framework en stelt de build in; je bevestigt met Publish.
Vanaf dan gaat elke wijziging die je naar GitHub pusht automatisch live. Je krijgt er gratis voorbeeldversies (Deploy Previews) bij om te testen voor iets publiek gaat. Let wel op: elke push naar je hoofdtak is een productiedeploy, en die kost credits (zie verder).
Stap 3: je eigen .be-domein en HTTPS
Een adres als mijnzaak.netlify.app volstaat voor een test, niet voor je zaak. Volgens de domeinhandleiding kies je in de linkerzijbalk Domain management, dan Add domain en Add a domain you already own.
Je .be-domein koop je bij een gewone registrar. Daarna heb je twee opties. Ofwel verander je bij je registrar de nameservers naar die van Netlify (Netlify DNS). Ofwel hou je je DNS waar hij zit en maak je zelf records aan, zoals de handleiding voor externe DNS beschrijft: voor www een CNAME naar jouwproject.netlify.app, voor het kale domein een ALIAS-record naar apex-loadbalancer.netlify.com, of een A-record naar 75.2.60.5 als je provider geen ALIAS kent. Zo’n wijziging kan enkele uren duren voor ze overal werkt; werkt je domein na 24 uur nog niet, dan wijst Netlify je naar zijn probleemoplossing.
HTTPS, het slotje in de browser, hoef je niet apart te kopen. Netlify regelt gratis certificaten via Let’s Encrypt, ook voor je eigen domein, en vernieuwt ze automatisch. De stand vind je onder Domain management > HTTPS.
Wat kost Netlify? Credits in plaats van limieten
Netlify rekent met credits. Op de prijzenpagina staan vier plannen. De prijzen staan in dollar, zonder vermelding van btw.
| Plan | Prijs per maand | Credits per maand |
|---|---|---|
| Free | $0 | 300 (harde grens) |
| Personal | $9 | 1.000 |
| Pro | vanaf $20, onbeperkt aantal teamleden | 3.000 voor $20, tot 20.000 voor $126 |
| Enterprise | op maat | op maat |
Wat verbruikt credits? Volgens de uitleg over credits kost een productiedeploy 15 credits, een GB verkeer 20 credits en 10.000 webverzoeken 2 credits. Let op: elk bestand dat een bezoeker inlaadt (pagina, stijlblad, foto) telt als een verzoek. Netlify Forms is op alle creditplannen gratis en onbeperkt, en een eigen domein met HTTPS zit ook in het gratis plan.
Wat betekent dat in de praktijk? Een eigen schatting, op basis van die tarieven: 300 credits zijn 20 deploys, of 15 GB verkeer, maar niet allebei. Een kleine site met 10 deploys per maand (150 credits), 5 GB verkeer (100 credits) en 100.000 verzoeken (20 credits) zit op 270 van de 300. Dat past, maar de marge is klein. Laat je een AI-agent elke dag een paar keer iets pushen, dan heb je die 20 deploys na zowat een week al opgebruikt, nog voor er één bezoeker meetelt.
Waar het knelt
Credits op betekent site offline. Dat is het grootste nadeel. Is je tegoed volledig op, dan worden al je projecten gepauzeerd en zien bezoekers een pagina “Site not available”, tot je tegoed bij de volgende cyclus terugkomt. Op het gratis plan is dat een harde grens: een plotse piek in bezoekers kan je site dus offline halen. Op Personal en Pro kan je credits bijkopen of automatisch bijladen (500 credits voor $5 of 1.500 voor $10), maar dat bijladen staat standaard uit. Zet je het aan, dan groeit je factuur mee met je succes.
Geen PHP, dus geen klassieke WordPress. In een supportgids op het eigen forum zegt Netlify het zelf: er draait geen applicatieserver of taalruntime zoals PHP. Heeft je AI een PHP-bestand of een WordPress-thema gemaakt, dan werkt dat hier niet.
Reclame voor Netlify op je site. Op nieuwe projecten in het gratis plan, aangemaakt vanaf 19 augustus 2026, toont Netlify rechtsonder een badge “Powered by Netlify” die bezoekers uitnodigt om zelf iets te bouwen. Je kan hem per project uitzetten onder Project configuration > General, maar je moet het wel weten.
Je data gaat naar de VS. Netlify is een Amerikaans bedrijf uit San Francisco. Volgens zijn privacybeleid kunnen persoonsgegevens buiten Europa verwerkt worden; voor doorgifte naar de VS beroept het zich op het EU-U.S. Data Privacy Framework. Voor een portfoliosite is dat zelden een probleem. Verzamel je via formulieren klantgegevens, lees dan eerst onze GDPR-handleiding.
De alternatieven naast elkaar
| Dienst | Gratis plan | Eigen domein | Geschikt voor |
|---|---|---|---|
| Netlify | ja, 300 credits/maand, daarna pauze | ja, met HTTPS | kleine statische sites en AI-gebouwde tools |
| Cloudflare Pages | ja, onbeperkt verkeer, 500 builds/maand | ja | statische sites met veel bezoekers |
| GitHub Pages | ja, zachte grens van 100 GB verkeer/maand | ja | hobby- en projectsites, niet voor een online business of webshop |
| Vercel | ja (Hobby), enkel persoonlijk, niet-commercieel gebruik | ja | persoonlijke projecten; Pro kost $20/maand |
| Combell (Belgisch) | nee; WordPress-hosting vanaf €5,99/maand excl. btw het eerste jaar, daarna €19,49 | ja, domeinnaam het eerste jaar gratis | WordPress, PHP en mailboxen bij een Belgische partij |
Even toelichten. Cloudflare Pages belooft op alle plannen “unlimited sites, seats, requests, and bandwidth”; de grens van 500 builds per maand op het gratis plan staat in de limietenpagina. Wie veel verkeer verwacht zonder te betalen, zit daar beter dan op het gratis plan van Netlify. GitHub Pages is volgens de eigen regels niet bedoeld voor een online business of webshop. Vercel houdt Hobby voor persoonlijk, niet-commercieel gebruik; een site voor je zaak vraagt daar dus Pro. Combell is de klassieke keuze als je WordPress of mailboxen bij je hosting wil; het bedrijf spreekt zelf van “het beste datacenter van België”.
Onze lezing
Voor wat de meeste mensen vandaag met AI bouwen, een landingspagina, een portfolio of een kleine rekentool, is Netlify een sterke en laagdrempelige keuze. De drie stappen hierboven kosten je bij Netlify geen euro (alleen je domeinnaam betaal je bij je registrar): map slepen of GitHub koppelen, domein toevoegen, HTTPS krijg je erbij. Wil je het zelf proberen, dan kan je een gratis Netlify-account aanmaken*.
Maar het gratis plan is krapper dan “gratis” doet vermoeden. Zijn de credits op, dan staat je site op pauze, en wie vaak deployt verbruikt ze sneller dan je denkt. Voor WordPress of PHP is het de verkeerde tool. Verwacht je veel verkeer zonder te willen betalen, leg Cloudflare Pages er dan zeker naast. En wil je één Belgische partij voor site, domein en mail, dan is een klassieke host als Combell eenvoudiger, al betaal je daar vanaf dag één.
Twijfel je nog welke AI je site het best bouwt? Onze vergelijking van ChatGPT, Claude en Gemini helpt je kiezen, en in wat Claude kost lees je welk abonnement je nodig hebt om Claude Code te gebruiken.
Deze post bevat affiliate-links, aangeduid met een sterretje. Kies je via zo’n link, dan verdienen wij een kleine commissie; jij betaalt niets extra.
