Zo maak je jouw eigen website met Claude Code
Een webdesigner kost duizenden euro's en maanden wachten. Claude Code geeft je die macht terug. Je beschrijft je website in gewone taal en ziet het resultaat live in je browser. Vandaag nog online, zonder ook maar een regel code te kennen.
| Tool | Claude Code |
| Tijdswinst | 240 min per project |
| Niveau | Beginner |
De kern
Jij bent je eigen webbouwer
Waarom dit mij irriteerde
De transformatie
Stel je voor: je begint de dag zonder website. Je opent Claude Code, typt in gewone taal wat je wilt, en kijkt toe hoe je website letterlijk voor je ogen verschijnt. Geen wachten. Geen briefings. Geen afhankelijkheid van iemands agenda.
Twee uur later heb je een homepage die je verhaal vertelt, een dienstenpagina met jouw tarieven, en een contactformulier dat werkt. De kleuren kloppen, de teksten zijn van jou, en de site voelt als jij.
Wil je iets veranderen? Je typt het. "Maak de koptekst groter." "Voeg een referentieblok toe met drie klantcitaten." "Zet de contactknop bovenaan." Elke aanpassing duurt seconden, niet dagen.
Aan het einde van de dag zet je de website live via Vercel, koppel je je eigen domeinnaam, en deel je de link. Wat gisteren een onbereikbaar project leek, is nu jouw online visitekaartje. Volledig van jou, en aanpasbaar wanneer jij dat wilt, zonder tussenkomst van wie dan ook.
De AI-logica
Claude Code is niet zomaar een chatbot die je vragen beantwoordt. Het is een AI-tool die actief code schrijft, bestanden aanmaakt en wijzigingen doorvoert op je computer. Het verschil is cruciaal. Waar je bij ChatGPT een stuk code krijgt dat je zelf moet kopiëren en begrijpen, regelt Claude Code alles van begin tot eind.
Je start een gesprek. Je beschrijft je website zoals je hem in gedachten hebt: het beroep, de doelgroep, de sfeer, de paginas die je wilt. Claude Code stelt misschien een paar verduidelijkende vragen en gaat dan aan de slag. In je browser zie je een live preview verschijnen.
Wat het zo krachtig maakt voor ZZP'ers is de iteratiesnelheid. Je reageert op wat je ziet, net zoals je in een gesprek zou reageren. "De foto's staan te dicht op elkaar." "Ik wil ook een pagina met veelgestelde vragen." "De mobiele versie ziet er raar uit." Claude Code past alles aan, meteen, zonder opnieuw te beginnen.
Onder de motorkap werkt Claude Code met bewezen webtechnologie: Next.js, React of gewone HTML en CSS, afhankelijk van wat jouw situatie vraagt. De code die het schrijft is schoon en professioneel. Een echte developer zou het kunnen lezen en begrijpen. Jij hoeft dat niet, maar het geeft je wel de zekerheid dat de basis solide is.
Zo doe je het
- 1
Stap 1. Ga naar claude.ai/code en maak een account aan. Volg de installatie-instructies voor jouw besturingssysteem. Dit duurt maximaal tien minuten.
- 2
Stap 2. Maak een nieuwe lege map aan op je computer. Dit wordt de thuisbasis van je website.
- 3
Stap 3. Open Claude Code in die map. Je ziet een terminal-venster met een invoerveld.
- 4
Stap 4. Beschrijf je website in een paar zinnen. Bijvoorbeeld: Ik ben zelfstandig tekstschrijver. Maak een professionele website met een homepage, een over mij pagina, een dienstenoverzicht met tarieven en een contactpagina. Gebruik een rustige blauwe huisstijl en een zakelijke maar toegankelijke toon.
- 5
Stap 5. Claude Code gaat aan de slag en geeft een link om het resultaat live te zien in je browser. Bekijk het, klik er doorheen en schrijf op wat er anders moet.
- 6
Stap 6. Geef je feedback rechtstreeks in het gesprek. Zo gedetailleerd of beknopt als je wilt. Claude Code past alles aan.
- 7
Stap 7. Herhaal stap 5 en 6 totdat je tevreden bent. De meeste mensen zijn er in twee tot vier uur.
- 8
Stap 8. Maak een gratis account aan op vercel.com. Verbind je projectmap, klik op Deploy en je website is live. Voeg je eigen domeinnaam toe via de instellingen.
Slimme variaties
Portfolio-website
Laat je werk zien met een strak portfolio. Vertel Claude Code je vak, je stijl en wat voor klanten je zoekt. Hij bouwt de structuur, jij vult de echte projecten in.
Dienstenpagina
Zet je diensten, tarieven en werkwijze helder op een rij. Ideaal voor klanten die alvast willen weten wat samenwerking kost en oplevert voordat ze contact opnemen.
Blog en nieuwsbrief
Schrijf over je vak, bouw autoriteit op en laat Claude Code een nieuwsbriefformulier integreren via Brevo of Mailchimp. Gratis te koppelen.
One-page website
Alles op een pagina: wie je bent, wat je doet, wat het kost en hoe je te bereiken bent. Snel klaar, makkelijk te onderhouden, en voor veel ZZP'ers meer dan genoeg als startpunt.
Het Codeboek
De exacte prompt
Klaar om te kopiëren en plakken
De volledige prompt die ik gebruik staat in Het Codeboek, inclusief de exacte instructies, variabelen en tips voor betere output. Schrijf je in voor de nieuwsbrief en ontvang hem direct.
Ontvang Het CodeboekWanneer werkt dit niet
Claude Code is geen wondermiddel voor elke situatie. Een complexe webshop met eigen betaalsystemen, voorraadbeheer en klantaccounts vraagt meer technische kennis om op te zetten en te onderhouden. Daar is Claude Code een hulpmiddel, geen vervanging voor een specialist. Ook heb je zelf een paar dingen nodig: een domeinnaam (10 tot 15 euro per jaar via een registrar zoals TransIP of Versio) en een Vercel-account voor de hosting, dat is gratis voor kleine websites. De installatie van Claude Code zelf vraagt vijf minuten en een terminal, maar als je daar tegenop ziet, zijn er tutorials die je stap voor stap door het proces leiden. Verder geldt: hoe duidelijker je beschrijft wat je wilt, hoe beter het resultaat. Claude Code is goed in bouwen, maar het lezen van gedachten is er niet bij. Een beetje tijd in een goede eerste beschrijving betaalt zich direct terug in minder iteraties.
Veelgestelde vragen
Heb ik programmeerkennis nodig?
Nee. Je typt gewone Nederlandse zinnen. Claude Code schrijft alle code zelf. Je hoeft niets te begrijpen van HTML, CSS of JavaScript om een werkende, professionele website te maken.
Wat kost het?
Claude Code heeft een gratis laag en betaalde plannen vanaf 20 dollar per maand. Hosting via Vercel is gratis voor kleine websites. Een domeinnaam kost 10 tot 15 euro per jaar. Vergeleken met een webdesigner is dit verwaarloosbaar.
Hoe lang duurt het om een website te bouwen?
Een eenvoudige website met drie of vier paginas maak je in twee tot vier uur. Hoe duidelijker je je wensen beschrijft, hoe sneller het gaat. Complexere sites met boekingssysteem of webshop vragen meer iteraties.
Kan ik de website later zelf aanpassen?
Ja. Dat is juist het grote voordeel. Wil je een nieuwe dienst toevoegen, een prijs aanpassen, een blogpost publiceren of de hele huisstijl veranderen? Je opent Claude Code, beschrijft wat je wilt, en het is geregeld.
Wat als ik vastloop?
Claude Code legt uit wat het doet en waarom. Als iets niet werkt, beschrijf je het probleem in gewone taal en het zoekt samen met jou naar een oplossing. Je bent nooit alleen.
Reken even mee. Een webdesigner kost gemiddeld 3.000 euro en acht weken wachttijd. Claude Code kost 20 dollar per maand. Stel dat je nu begint: over acht weken heb jij je website al lang aangepast, uitgebreid en misschien al ingewisseld voor een betere versie. En elke euro die je niet aan een designer uitgeeft, is een euro die je in je eigen bedrijf houdt.
De Winst-Slider
Hoeveel projecten doe je per jaar?
3 projecten per jaarJouw jaarlijkse tijdswinst
12 uur
Dat is 1.5 volledige werkdagen per jaar
Besparing per project
240 min
