Van plan naar preview-link in 9 stappen
Werk de stappen in volgorde af. Het voorbeeld is oefenklant Schilderwerken Maes, maar je vervangt die door je eigen klant of bedrijf.
- 1Bepaal het doel van de pagina in één zinBijvoorbeeld: een bezoeker van Schilderwerken Maes moet in één scroll snappen wat het bedrijf doet en een offerte aanvragen. Lukt die zin niet, dan is je plan nog niet klaar.
- 2Schrijf blok 1 van de briefing: de klantWie is het bedrijf, welke diensten, in welke regio, en wie zoekt dit? Eén alinea, geen roman. Dit is wat Claude nodig heeft om de juiste keuzes te maken.
- 3Schrijf blok 2: hoe het merk klinktGeef drie kernwoorden voor de toon (bv. nuchter, vakkundig, vriendelijk), een voorbeeldzin in die toon, en wat het merk nooit zegt. Voeg kleuren of een logo toe als die bestaan.
- 4Schrijf blok 3: wat de pagina moet doenSom de secties op (bovenaan, diensten, werkwijze, reviews, contact) en bepaal de ene actie die je wil: bellen, offerte aanvragen of mailen. Zet er ook bij wat er niet op hoeft.
- 5Lever echte inhoud aanGeef telefoonnummer, e-mailadres, diensten, werkgebied en echte reviews of foto's mee. Laat Claude geen gegevens verzinnen: zet zelf in de briefing dat het geen cijfers, reviews of klantnamen mag bedenken.
- 6Start Claude Code en vraag eerst een planJe hebt een betaald Claude-abonnement nodig. Plak de briefing en vraag: som eerst op wat je gaat bouwen en welke bestanden je maakt, wacht op mijn akkoord. Kies een eenvoudige site (HTML en CSS), geen zwaar framework.
- 7Lees mee en keur goedJe leest niet de code, wel het plan en de samenvatting van wat Claude doet. Snap je iets niet, vraag dan in gewone zinnen: leg uit wat dit bestand doet.
- 8Open de preview en zet er een link vanLaat Claude een lokale preview starten om te kijken. Wil je iets delen met een klant, laat Claude de map dan op een gratis host zoals Netlify of Cloudflare Pages zetten. Daar krijg je een link die je kan openen en doorsturen.
- 9Stuur bij in gewone zinnen, één wijziging per keerSchrijf concreet: maak de knop groter en oranje, zet de reviews onder de diensten, kort de intro in tot twee zinnen. Controleer daarna op je gsm, test alle knoppen en bel het nummer op de pagina eens.
Stand van zaken op 2026-11-02: de prijzen en limieten hieronder heb ik vandaag gecontroleerd. AI-tools wijzigen die regelmatig, kijk dus even na op de officiële prijspagina's voor je betaalt.
Je kan een website bouwen zonder code te schrijven. Jij maakt een goede briefing, Claude schrijft de code, en jij stuurt bij in gewone zinnen. De stappen hierboven brengen je van een leeg scherm naar een preview-link die je kan openen en delen.
Waarom werkt website bouwen zonder code nu wel?
Claude Code is eigenlijk gemaakt voor programmeurs, maar steeds meer mensen zonder programmeerkennis gebruiken het om een kleine tool of website te bouwen. Het verschil met vroeger: je hoeft de taal van de computer niet meer te spreken. Je moet kunnen zeggen wat je wil.
Dat is ook de kern van mijn video. Ik typ zelf geen regel code. Het werk zit in de briefing en in het bijsturen. Wie dat goed doet, heeft een uur later een pagina die je al kan openen via een link.
Een bijkomend voordeel: Claude Code vraagt toestemming voordat het iets wijzigt. Je behoudt dus de controle over wat er in je project verandert.
Wat zet je in een goede briefing?
Een slechte briefing is "maak een website voor een schilder". Dan krijg je een generiek sjabloon. Een goede briefing beantwoordt drie vragen: wie is de klant, hoe klinkt het merk, wat moet de pagina doen.
Stel dat je een oefenklant hebt zoals Schilderwerken Maes. Dan schrijf je ongeveer dit:
Schilderwerken Maes is een schildersbedrijf voor particulieren in de eigen regio. Toon: nuchter, vakkundig, vriendelijk. Geen jargon, geen superlatieven. De pagina moet bezoekers in één scroll laten zien wat het bedrijf doet en ze een offerte laten aanvragen. Gebruik enkel de gegevens die ik je geef.
Drie dingen maken het verschil:
- Het doel is concreet. "Offerte aanvragen" is een doel. "Mooi overkomen" niet.
- De toon heeft een voorbeeld. Eén voorbeeldzin zegt meer dan vijf bijvoeglijke naamwoorden.
- Je verbiedt het verzinnen. Zonder die regel vult een AI gaten op met plausibele onzin, zoals jaartallen, reviews en cijfers.
Hoe stuur je bij zonder code te lezen?
Je stuurt bij zoals je een medewerker zou aanspreken. Eén wijziging per bericht, concreet en meetbaar:
- Slecht: "Het is nog niet helemaal wat ik wil."
- Goed: "Zet de offerteknop bovenaan en maak hem oranje."
Werkt iets niet, beschrijf dan wat je ziet: "Op mijn gsm valt de tekst buiten het scherm." Claude zoekt zelf uit waar dat in de code zit.
Wil je weten of een wijziging iets stuk maakt, vraag dan expliciet: "Controleer of de rest van de pagina nog klopt." Dat is geen garantie, dus open na elke ronde de preview en klik alles even aan.
Hoe kom je aan een preview-link?
Voor een eerste kijk laat je Claude Code een lokale preview-server starten. Dat toont de site enkel op je eigen computer.
Wil je de pagina aan een klant tonen, dan zet je ze online op een gratis host. Twee opties die ik hier heb nagekeken:
- Netlify. Het gratis plan kost $0 en laat je vanuit AI, Git of API deployen, met onbeperkte deploy previews en eigen domeinen met SSL. Nieuwe projecten staan standaard privé tot je kiest om te publiceren. De limiet is 300 credits per maand, en een productie-deploy kost 15 credits. Voor een kleine site is dat ruim genoeg.
- Cloudflare Pages. Gratis voor statische sites: 500 builds per maand, onbeperkte statische requests en onbeperkte bandbreedte, zonder kaart.
Beide werken goed voor een eenvoudige bedrijfssite. Houd je site statisch (HTML, CSS, wat JavaScript), dan blijf je ruim binnen de gratis limieten.
Wat kost het eigenlijk?
Claude Code zit niet in het gratis account. Claude Pro kost $20 per maand, of $17 per maand bij jaarbetaling. In euro zie je €18 per maand, of €15 per maand bij een jaarabonnement, telkens exclusief btw.
Daar komt een domeinnaam bij. Een recente gids rekent ongeveer $10 tot $20 per jaar. Controleer de prijs voor een .be-domein bij je registrar.
Een kanttekening over limieten: Pro is prima om te proberen, maar bij serieus bouwwerk bereik je de gebruikslimieten in een paar uur. Plan je dagelijks te bouwen, kijk dan naar een hoger plan.
Samengevat: reken op rond €18 per maand voor Claude, een domein per jaar, en hosting die gratis kan blijven. Dat is veel minder dan een bureau, maar je betaalt wel met je eigen tijd. Voor een prijsvergelijking met laten maken kijk je op /prijzen.
Welke valkuilen kom je tegen?
Je briefing is te vaag. Dan krijg je een sjabloonpagina. Investeer in de eerste tien minuten.
Je laat Claude inhoud verzinnen. Reviews, aantal jaren ervaring, certificaten: alles wat niet in je briefing staat, moet je controleren of schrappen.
Je test niet op gsm. Veel bezoekers komen van hun telefoon. Open de preview daar altijd.
Je vergeet het onzichtbare werk. Een mooie pagina is nog geen vindbare pagina. Titels, beschrijvingen en snelheid bepalen of Google je toont. Daarover lees je meer op /seo.
Je denkt dat "klaar in een uur" ook "af" betekent. Mijn video toont hoe snel je van plan naar pagina gaat. De afwerking, het contactformulier, het domein en het onderhoud kosten daarna nog tijd.
Is zelf bouwen of laten maken beter?
Zelf bouwen met Claude past bij een eenvoudige bedrijfssite, een landingspagina of een prototype dat je snel aan een klant wil tonen. Je leert er veel van en je houdt alles in eigen hand.
Zodra je site omzet moet opleveren en je er geen tijd in wil steken, of zodra je een webshop of koppelingen nodig hebt, laat je hem beter maken. Hoe wij dat aanpakken, lees je op /website-laten-maken. Wil je weten wat er met AI nog allemaal te automatiseren valt, dan staat dat op /ai-automations.
Twijfel je welke route bij je past? Stuur me gerust een bericht via /contact.
Veelgestelde vragen
Kan je echt een website bouwen zonder code te kunnen schrijven?
Ja, als je kan uitleggen wat je wil. Claude schrijft de code, jij schrijft de briefing en stuurt bij in gewone zinnen. Voor een eenvoudige bedrijfssite van een paar pagina's is dat haalbaar. Voor een webshop of koppelingen met andere systemen wordt het al snel complexer.
Wat kost een website maken met Claude?
Claude Code zit in een betaald abonnement. Claude Pro kost $20 per maand, of $17 per maand bij jaarbetaling, en in euro rond €18 per maand excl. btw. Hosting kan gratis bij Netlify of Cloudflare Pages. Een domeinnaam komt er per jaar nog bij, grofweg $10 tot $20. Je eigen uren reken je daar niet in mee.
Kan ik gratis een website maken met Claude?
Het gratis Claude-account bevat Claude Code niet. Je kan er wel mee brainstormen en teksten laten schrijven, maar voor het bouwen en publiceren van de bestanden heb je een betaald plan nodig. De hosting kan wel gratis.
Is dit beter dan een no code website builder zoals Wix?
Dat hangt af van wat je wil. Een builder geeft je een vaste editor en een vast abonnement. Met Claude bouw je een site op maat en bepaal je zelf waar hij staat, maar jij blijft verantwoordelijk voor controle, onderhoud en veiligheid. Wie dat niet wil, kiest beter voor een builder of laat de site maken.
Wanneer laat je je website beter door een bureau maken?
Zodra je site geld moet opbrengen en je geen tijd hebt om hem te onderhouden, te testen en vindbaar te maken in Google. Ook bij een webshop, boekingen of koppelingen met je CRM is hulp meestal slimmer dan zelf prutsen.
Bronnen
- Claude Code: wat is het en wat kost het in 2026?
- Claude Code: What It Is, Pricing & How to Build a Website With It
- Pricing and Plans
- How Much Does Netlify Cost? 2026 Pricing, Plans, Real Cost
- Cloudflare Pages Free Tier Limits & Pricing 2026 - DEV Community
- Wat kost Claude Code? Abonnementen op een rij
- How to Build a Website With Claude Code: Domain to Live Site
Meer weten over ai? Bekijk wat we daarin voor je doen of lees artikels over ai.
Bereken je offerte

