Website bouwen met Claude Code: wat lukt zelf en wat niet?

Met Claude Code bouw je een website door in gewone taal te beschrijven wat je wilt. De agent schrijft de bestanden, voert commando's uit en past code aan, op je eigen computer of in de browser. Een eenvoudige site met een paar pagina's lukt zo ook zonder programmeerervaring. Wat het niet voor je regelt: hosting en domein, formulieren die echt mailen, de SEO-basis, toegankelijkheid en wie de site over een jaar bijwerkt. Claude Code zit in de betaalde Claude-abonnementen, vanaf Pro.

Wat is Claude Code precies?

Claude Code is een codeer-agent: een AI die niet alleen code voorstelt, maar zelf in je project aan de slag gaat. Volgens Anthropic leest het je codebase, past het bestanden aan, voert het commando's uit en werkt het samen met je ontwikkeltools. Je geeft een opdracht in gewone taal, zoals "maak een contactpagina met een formulier", en Claude Code maakt de bestanden, laat zien wat het wil wijzigen en vraagt standaard om toestemming voordat het iets aanpast of uitvoert.

Je gebruikt het op vier plekken:

• in de terminal, de opdrachtregel van je computer;
• in een code-editor zoals VS Code of een editor van JetBrains;
• in de desktop-app van Claude, onder het tabblad Code;
• in de browser, via claude.ai/code, gekoppeld aan een project op GitHub.

Het verschil met de gewone chat in Claude of ChatGPT is groot. In de chat krijg je een blok code dat je zelf moet kopiëren en plakken. Claude Code werkt in de bestanden zelf, kan je site lokaal starten en ziet wat er misgaat. Welke van de gewone AI-assistenten bij je bedrijf past, lees je in ChatGPT, Claude of Gemini.

Het verschil met een AI-websitebouwer zoals Wix of Lovable is net zo groot. Zo'n bouwer geeft je een editor en hosting in één. Een codeer-agent geeft je bestanden. Waar je site draait, hoe je teksten aanpast en wie hem bijhoudt, regel je zelf. Die kant-en-klare bouwers vergelijk ik in website laten maken door AI.

Claude Code, Codex, Cursor en GitHub Copilot vergeleken

Claude Code is niet de enige codeer-agent. Dit zijn de vier bekendste, met de prijzen van de officiële pagina's, stand oktober 2026. Abonnementen en limieten veranderen vaak, dus kijk voor je afsluit op de actuele prijspagina.

Twee dingen vallen op. Bij alle vier betaal je in feite voor gebruik: elk abonnement heeft limieten, en een agent die een uur doorwerkt, verbruikt veel meer dan een chatvraag. En de verschillen in kwaliteit wisselen per maand, omdat de modellen eronder steeds worden vervangen. Kies daarom vooral op hoe je wilt werken: in de terminal, in een editor of in een app.

Wat lukt zelf met Claude Code?

Met een codeer-agent kom je als ondernemer verder dan je misschien denkt. Dit lukt zonder programmeerervaring vaak goed:

• een eenvoudige site met een paar pagina's, als losse HTML- en CSS-bestanden of met een gangbaar framework, een kant-en-klaar bouwpakket voor websites;
• een landingspagina voor een campagne of evenement;
• een rekentool of keuzehulp die op je site draait, zonder inlog of opgeslagen gegevens;
• aanpassingen aan bestaande code, als je weet wat je wilt veranderen;
• uitleg van code die iemand anders heeft geschreven, in gewone taal.

Het gaat vooral goed als je weet wat je wilt. Een codeer-agent bouwt wat je beschrijft, niet wat je bedoelt. Bouwen zonder de code te lezen heet ook wel vibe coding. Voor een site met een paar pagina's kan dat, zolang je het resultaat zelf goed controleert.

Een handigheid die het verschil maakt: leg je vaste afspraken vast in een bestand met de naam CLAUDE.md in je projectmap. Claude Code leest dat bestand aan het begin van elke sessie. Zet erin wat er altijd moet gelden: je huisstijlkleuren, je schrijfregels, dat afbeeldingen altijd een alt-tekst krijgen, dat elke pagina één hoofdkop heeft. Dan hoef je dat niet elke keer te herhalen.

Zo pak je het aan: stappenplan met wie doet wat

De AI maakt het bouwen sneller. De keuzes over structuur, inhoud en beveiliging blijven bij jou. Zo zou ik het aanpakken:

Begin met een plan, niet met code:

Ik wil een website voor [bedrijf], voor [doelgroep] in [regio]. De site moet [doel] opleveren. Pagina's: [lijst]. Schrijf nog geen code. Stel eerst vragen over wat je niet weet. Maak daarna een plan met de techniek die je voorstelt en waarom, de mappenstructuur, hoe de site gehost wordt, hoe het contactformulier mail verstuurt en wat ik zelf moet regelen.

En voordat je live gaat:

Loop de hele site na en maak een lijst van wat nog niet in orde is. Controleer per pagina de titel, de metabeschrijving, het aantal H1-koppen, alt-teksten, labels bij formuliervelden en links die nergens heen gaan. Controleer of er wachtwoorden of sleutels in de code staan. Verander nog niets.

Een AI die zijn eigen werk nakijkt, ziet niet alles. Maar zo'n lijst laat snel zien waar je nog aan moet werken.

De stappen die je Claude Code niet laat overslaan

Een codeer-agent maakt een site die op je eigen computer prima werkt. Tussen dat moment en een site die klanten oplevert, zitten stappen die de AI niet uit zichzelf zet.

Hosting en domein

Je bestanden moeten ergens draaien. Voor een eenvoudige site zonder database is statische hosting genoeg, bijvoorbeeld bij Vercel, Cloudflare Pages of Netlify. Daarna koppel je je domein, regel je een beveiligde verbinding met https en controleer je dat je zakelijke mail op hetzelfde domein blijft werken. Vervang je een bestaande site, zorg dan dat oude adressen doorverwijzen naar de nieuwe pagina's, anders verlies je je posities in Google. Hoe dat werkt, lees je in website migreren zonder SEO-verlies.

Formulieren die echt mailen

Een formulier dat er goed uitziet, verstuurt nog niets. Een statische site heeft een formulierdienst of een kleine serverfunctie nodig om aanvragen naar je inbox te sturen. Test met een echt adres of de mail aankomt, en niet in de spam. Zet er spambeveiliging op. En omdat je persoonsgegevens verwerkt, vermeld je in je privacyverklaring wat je met die gegevens doet en maak je afspraken met de dienst die ze verwerkt.

De SEO-basis

Een agent zet keurig een titel op elke pagina, maar welke titel? Controleer per pagina: een unieke titel en metabeschrijving rond de zoekvraag van die pagina, één H1, logische tussenkoppen, beschrijvende alt-teksten, een sitemap en een robots.txt. Koppel Google Search Console en dien je sitemap in. En zet ook de gegevens op je site die verplicht zijn, zoals je KvK-nummer en contactgegevens. Welke dat zijn, lees je in wat moet verplicht op je website.

Toegankelijkheid

Gegenereerde ontwerpen zien er vaak strak uit en hebben toch te weinig contrast, velden zonder label of menu's die niet met het toetsenbord werken. Loop elke pagina door met de Tab-toets en laat een toegankelijkheidsscan draaien. Verkoop je online aan consumenten, dan kan de European Accessibility Act voor je gelden. Wat die vraagt, lees je in website toegankelijkheid verplicht?.

Beveiliging en updates

Ook een simpele site gebruikt vaak pakketten van anderen, en die krijgen updates. Iemand moet ze bijhouden. Zet nooit wachtwoorden of API-sleutels in je code, en geef Claude Code geen toegang tot accounts die het voor de taak niet nodig heeft. Lees mee wat het wil uitvoeren voordat je toestemming geeft, zeker als het om je hosting of je domein gaat.

Onderhoud

Na de livegang begint het bijhouden: teksten aanpassen, pagina's toevoegen, updates draaien, controleren of het formulier nog werkt. Bij een site uit een codeer-agent betekent elke tekstwijziging een nieuwe opdracht of een aanpassing in de code. Spreek af wie dat doet. Wat goed onderhoud inhoudt en kost, lees je in website onderhoud: wat het kost.

Wanneer is zelf bouwen met een codeer-agent geen goed idee?

Een codeer-agent is sterk, maar niet voor elke site de juiste keuze. Kies liever iets anders als:

• je collega's zelf teksten, vacatures of nieuws moeten aanpassen, zonder code. Dan wil je een beheersysteem zoals WordPress;
• je een webshop nodig hebt met betalingen, voorraad, verzending en facturen;
• je site moet koppelen met je CRM, je boekhouding of je e-mailmarketing;
• niemand de site gaat bijhouden als de bouwer er niet meer is.

Hoe WordPress zich verhoudt tot Wix, Webflow en andere platforms, lees je in WordPress vs Wix vs Webflow.

Conclusie: AI bouwt sneller, de keuzes blijven van jou

Een website bouwen met Claude Code of een andere codeer-agent kan ook zonder programmeerervaring, zeker voor een eenvoudige site, een landingspagina of een rekentool. Begin met een plan, leg je vaste afspraken vast in een CLAUDE.md, bewaar elke stap in Git en bekijk elke pagina zelf. Sla daarna de stappen niet over die de AI niet vanzelf zet: hosting en domein, een formulier dat echt mailt, de SEO-basis, toegankelijkheid, beveiliging en iemand die de site bijhoudt.

Wil je weten waar het bouwen op gevoel ophoudt en waar je een vakmens nodig hebt? Lees dan vibe coding. Wil je weten wat een WordPress-website op maat bij mij kost? Download de prijslijst.