Gids · zelf doen
Zelf een website maken en bijhouden met ChatGPT of Claude.Van eerste opzet tot online, stap voor stap.
Ja, je kunt met ChatGPT of Claude zelf een complete website maken, zonder WordPress. De AI schrijft de pagina’s, je bewaart de bestanden in GitHub, en een hostingdienst als Cloudflare Pages, Netlify of Vercel zet elke wijziging automatisch online. In deze gids lees je hoe dat werkt, wat het kost en waar het in de praktijk misgaat.
- ChatGPT of Claudeschrijft de pagina’s
- GitHubbewaart elke versie
- Cloudflare Pages, Netlify of Vercelzet het automatisch online
- jouwbedrijf.nlje eigen domeinnaam
Wat je nodig hebt
Vijf dingen, waarvan de meeste gratis.
- Een AI-assistent
- ChatGPT of Claude. De gratis versies zijn genoeg om te proberen; voor een hele site wil je een betaald abonnement, rond de 20 euro per maand.
- Een GitHub-account
- Gratis. GitHub bewaart je websitebestanden met de volledige geschiedenis, zodat je elke stap kunt terugdraaien.
- Hosting
- Cloudflare Pages, Netlify of Vercel. Voor een kleine site is een gratis pakket vaak genoeg; let bij Vercel op dat het gratis pakket alleen voor niet-commercieel gebruik is.
- Een domeinnaam
- Bij een registrar zoals TransIP of Hostnet, meestal 10 tot 15 euro per jaar.
- Optioneel: een AI-codetool
- Claude Code, OpenAI Codex of Cursor. Die werken rechtstreeks in je bestanden in plaats van via kopiëren en plakken.
Drie manieren
Kopiëren en plakken, een AI-codetool of een AI-sitebouwer.
| Manier | Hoe het werkt | Voor wie |
|---|---|---|
| Chat in de browser | Je vraagt ChatGPT of Claude om de code en kopieert die naar bestanden op je computer. | Makkelijk om mee te beginnen; onhandig zodra je site meer dan een paar pagina's heeft. |
| AI-codetool | Claude Code, Codex of Cursor werkt in de map met je websitebestanden, maakt en wijzigt bestanden en zet ze desgewenst in GitHub. | De beste route voor een echte site; je moet wel wennen aan een terminal of code-editor. |
| AI-sitebouwer | Diensten als Lovable, Bolt of v0 maken een site op basis van een beschrijving en zetten hem ook online. | Snel resultaat; je zit wel aan hun omgeving en prijzen vast, al kun je vaak exporteren naar GitHub. |
Stappenplan
Van idee tot online in acht stappen.
- Bepaal eerst wat je wilt. Schrijf op welke pagina's je nodig hebt, voor wie de site is en wat bezoekers moeten doen (bellen, mailen, een formulier invullen). Verzamel je teksten en foto's. Hoe concreter je bent, hoe beter het resultaat.
- Laat de AI een opzet maken. Vraag om een statische website: gewone HTML en CSS, of een framework als Astro. Geef je kleuren, je logo en een voorbeeldsite die je mooi vindt mee. Vraag om een duidelijke mappenstructuur.
- Bekijk hem op je eigen computer. Open de site lokaal in je browser. Loop elke pagina door op computer en telefoon, en vraag de AI om aanpassingen tot het klopt.
- Zet de bestanden in GitHub. Maak een repository aan en zet je bestanden erin, met GitHub Desktop of via de terminal. Een AI-codetool kan dit voor je doen. Vanaf nu wordt elke wijziging bewaard.
- Koppel GitHub aan je hosting. Kies bij Cloudflare Pages, Netlify of Vercel je repository. Vanaf dat moment wordt elke wijziging die je in GitHub zet automatisch gebouwd en online gezet. Je krijgt eerst een gratis testadres.
- Koppel je domeinnaam. Voeg je domein toe bij de hosting en zet de DNS-records die ze opgeven bij je registrar. Het SSL-certificaat (het slotje) regelt de hosting meestal vanzelf.
- Regel formulieren, privacy en cookies. Een statische site heeft geen eigen server, dus een contactformulier loopt via een dienst als Netlify Forms of Formspree. Gebruik je statistieken of advertentiepixels, dan heb je een cookiekeuze en een privacyverklaring nodig.
- Maak hem vindbaar. Zorg voor een unieke titel en omschrijving per pagina, alt-teksten bij foto's, een sitemap.xml en robots.txt. Meld je site aan in Google Search Console en Bing Webmaster Tools.
Bijhouden
Zo houd je de site daarna bij.
Open de map met je websitebestanden in je AI-codetool en vraag in gewone woorden wat er anders moet. Laat de wijziging eerst op een testadres zetten: Cloudflare Pages, Netlify en Vercel maken voor elke aparte versie (een “branch” in GitHub) automatisch een voorbeeld. Klopt het, dan voeg je hem samen en staat hij live. Klopt het later toch niet, dan zet je in GitHub de vorige versie terug.
Tip: geef je AI een vaste leidraad. Een AI-codetool begint elke keer opnieuw en weet niet meer wat je vorige week hebt afgesproken. Zet je regels daarom in een instructiebestand in je websitemap, zoals CLAUDE.md voor Claude Code of AGENTS.md voor Codex. Bijvoorbeeld: “verander nooit de adressen van pagina’s”, “neem telefoonnummers letterlijk over” en “controleer na elke wijziging de telefoonweergave”. Dat bestand leest de tool bij elke opdracht.
Vier opdrachten om mee te beginnen
Maak een statische website met HTML en CSS voor mijn schildersbedrijf in Arnhem: home, diensten, projecten en contact. Mobielvriendelijk, snel, kleuren donkergroen en wit. Geef een duidelijke mappenstructuur.
Voeg een pagina 'Dakgoten schilderen' toe in dezelfde stijl als de andere dienstpagina's, en zet hem in het menu onder Diensten. Gebruik alleen deze feiten: [plak je tekst].
Loop alle pagina's na op kapotte links, ontbrekende alt-teksten en titels die langer zijn dan 60 tekens. Geef een lijst en repareer wat je vindt.
Verander op de contactpagina de openingstijden: vrijdag tot 16:00. Laat de rest ongemoeid en laat me de wijziging zien voordat je hem in GitHub zet.
Kosten
Wat het kost.
| AI-abonnement (ChatGPT of Claude) | rond de 20 euro per maand |
|---|---|
| GitHub | gratis |
| Hosting voor een kleine site | gratis tot zo'n 20 euro per maand |
| Domeinnaam | 10 tot 15 euro per jaar |
| Formulierdienst | gratis tot zo'n 10 euro per maand |
| Je eigen tijd | een paar dagen voor de eerste versie, daarna per wijziging |
Bedragen bij benadering; aanbieders passen hun prijzen regelmatig aan.
Eerlijk is eerlijk
Waar het in de praktijk misgaat.
- De AI past iets aan op de ene pagina en breekt ongemerkt iets op een andere. Bekijk na elke wijziging de hele site, niet alleen de pagina waar je aan werkte.
- Wachtwoorden of API-sleutels belanden per ongeluk in GitHub. Zet zulke gegevens nooit in je websitebestanden, en maak een openbare repository liever privé.
- De AI verzint feiten, zoals prijzen, certificaten of klantnamen. Geef zelf de feiten mee en lees alles na voordat het online gaat.
- Een contactformulier trekt spam, of de mails komen niet aan. Test het formulier en zet er een spamfilter op.
- Oude adressen verdwijnen als je een bestaande site vervangt, en daarmee je plek in Google. Zet bij een overstap doorverwijzingen van de oude naar de nieuwe adressen.
- Je bent je eigen beheerder. Gaat er iets mis met de hosting, het domein of de mail, dan zoek jij het uit.
Het verschil
Een AI die bij elke wijziging dezelfde leidraad doorloopt.
Doe je het zelf, dan ben jij de controle: jij moet onthouden wat de AI niet mag en na elke wijziging de hele site nalopen. De chat van WordSwap is daar vanaf het begin op ingericht. Bij elke wijziging volgt hij een vaste leidraad, en daarna controleert het systeem het werk automatisch, nog voordat jij het voorbeeld ziet.
De leidraad bij elke wijziging
- Verhuist of verdwijnt een pagina, dan krijgt het oude adres een doorverwijzing, zodat je plek in Google blijft.
- Nooit een link naar een pagina die niet bestaat.
- Telefoonnummers, adressen en prijzen letterlijk overnemen, nooit “verbeteren”.
- Titels, omschrijvingen en koppen voor Google alleen veranderen als jij erom vraagt.
- Je eigen huisstijl en aanspreekvorm (je of u) aanhouden, zodat een nieuwe pagina niet opvalt.
- Staat een feit ook in de gegevens voor AI-zoekmachines, dan wordt dat meteen mee bijgewerkt.
Daarna automatisch gecontroleerd
- Werkt de gewijzigde pagina goed op een telefoon?
- Staan formulieren goed ingesteld en hebben foto’s een beschrijving?
- Staat dezelfde tekst of foto nog ergens anders op de site? Dan vraagt de chat of hij het overal moet doorvoeren.
- En pas als jij het voorbeeld goedkeurt, gaat de wijziging live. Een eerdere versie terugzetten kan altijd.
Liever niet zelf?
Dezelfde snelle site, zonder dat je zelf GitHub en hosting regelt.
WordSwap doet deze route voor je: we zetten je bestaande website over of bouwen een nieuwe, regelen hosting, domeinkoppeling en formulieren, en daarna typ je in een chat wat er anders moet, die bij elke wijziging de leidraad hierboven doorloopt. Je ziet eerst een voorbeeld en publiceert zelf. Vanaf €19 per maand, exclusief btw.
Veelgestelde vragen
Kan ChatGPT of Claude een complete website maken?
Ja. Beide kunnen een complete statische website schrijven: de pagina's, de opmaak en kleine stukjes code. Voor een site met meerdere pagina's werkt een AI-codetool zoals Claude Code, Codex of Cursor beter dan de gewone chat, omdat die rechtstreeks in je bestanden werkt. Je teksten, foto's en de controle blijven jouw werk.
Heb ik programmeerkennis nodig?
Niet veel, maar een beetje helpt. Je moet bestanden kunnen terugvinden, begrijpen wat GitHub doet en een foutmelding aan de AI kunnen voorleggen. Wie dat leuk vindt, leert het in een paar avonden. Wie dat niet leuk vindt, loopt vooral bij storingen vast.
Is Claude of ChatGPT beter voor het maken van een website?
Allebei zijn geschikt. Claude wordt veel gebruikt om code te schrijven, onder meer via Claude Code; ChatGPT heeft met Codex een vergelijkbare tool. Kies de assistent waar je al mee werkt, en gebruik voor een site met meerdere pagina's de codetool van die aanbieder.
Waarom heb ik GitHub nodig?
GitHub bewaart je websitebestanden met de volledige geschiedenis van elke wijziging. Gaat er iets mis, dan zet je een eerdere versie terug. En hostingdiensten als Cloudflare Pages, Netlify en Vercel halen je site uit GitHub: zet je een wijziging in GitHub, dan staat hij even later online.
Waar host ik een website die ik met AI heb gemaakt?
Een statische website kun je hosten bij Cloudflare Pages, Netlify of Vercel. Voor een kleine site is het gratis pakket vaak genoeg. Gebruik je de site voor je bedrijf, kijk dan of het gratis pakket commercieel gebruik toestaat; bij Vercel is dat niet zo.
Wat kost een website maken met AI?
Reken op een AI-abonnement van rond de 20 euro per maand, een domeinnaam van 10 tot 15 euro per jaar en hosting die voor een kleine site vaak gratis is. De grootste kostenpost is je eigen tijd: een paar dagen voor de eerste versie, en daarna het bijhouden en oplossen als er iets misgaat.
Kan ik mijn bestaande WordPress-site met AI ombouwen?
Dat kan, maar het is meer werk dan een nieuwe site: je wilt dezelfde adressen, titels en inhoud behouden, anders verlies je je plek in Google. Laat de AI elke pagina overnemen, controleer alles en zet doorverwijzingen voor adressen die veranderen.
Bijgewerkt op 16 oktober 2026 door Jos Klijnhout, oprichter van WordSwap