Hoe je een website bouwt die volledig met AI beheerd kan worden

Stel je voor: je wilt een nieuw blok toevoegen aan je website. In plaats van een developer te bellen, typ je wat je wilt. Binnen een minuut staat het er.

Dat is hoe wij nu websites bouwen.

Waarom zou je dit willen?

De meeste ondernemers kennen dit scenario. Je hebt een website, waarschijnlijk gebouwd in WordPress met Elementor of een vergelijkbare pagebuilder. Het werkt. Je kunt zelf teksten aanpassen. Maar zodra je iets wilt wat net buiten de standaard valt, ben je afhankelijk van iemand anders.

Een nieuw type pagina? Developer.
Een aangepaste calculator? Developer.
Logo’s van klanten toevoegen in een specifieke lay-out? Misschien lukt het zelf, maar het kost een uur prutsen.

Wat als dat allemaal niet meer hoefde?

De oude manier vs. de nieuwe manier

Eerst even terug naar hoe websites traditioneel werken.

WordPress en pagebuilders zijn gebouwd voor gebruiksgemak. Je ziet wat je krijgt. Sleep een blok, pas de tekst aan, klaar. Het probleem? Onder de motorkap wordt er een hoop code gegenereerd die je nooit ziet. Die code maakt je site trager. En die code is niet bedoeld om door AI gelezen of aangepast te worden.

De nieuwe aanpak draait het om. In plaats van een visuele editor die code genereert, werk je met code die een visuele website genereert. Dat klinkt technischer en dat is het ook. Maar hier komt AI om de hoek kijken.

Je hoeft die code namelijk niet zelf te schrijven.

Hoe werkt het in de praktijk?

De technische basis is een static site framework. Wij gebruiken Astro, maar er zijn alternatieven zoals Eleventy, Hugo of Next.js. Het principe is hetzelfde: je content staat in simpele tekstbestanden en het framework bouwt daar een snelle website van.

Het verschil zit in hoe je die tekstbestanden aanpast.

Met tools als Claude Code of Cursor kun je in natuurlijke taal zeggen wat je wilt. “Voeg een nieuw blok toe met drie kolommen en iconen.” De AI leest je bestaande code, begrijpt de structuur en voegt precies toe wat je vraagt.

Geen klikken. Geen slepen. Gewoon typen.

Wat heb je nodig?

Dit zijn de basisonderdelen:

Een framework voor je website. Astro is onze keuze vanwege de snelheid en flexibiliteit, maar elk modern framework werkt. Het belangrijkste is dat je content los staat van je design.

Een plek om je code te bewaren. GitHub is de standaard. Het houdt al je wijzigingen bij, zodat je altijd terug kunt naar een eerdere versie als iets misgaat.

Een manier om live te gaan. Cloudflare Pages, Vercel of Netlify doen allemaal hetzelfde. Je pusht een wijziging naar GitHub en binnen seconden staat die live op je website.

Een AI-tool om mee te werken. Claude Code werkt direct op je computer en kan bestanden aanpassen. Cursor is een code-editor met ingebouwde AI. Beide begrijpen context en kunnen complexe aanpassingen maken.

Code als content

In een traditionele WordPress-site zit je content verspreid over een database, plugins en thema-bestanden. Probeer dat maar eens aan een AI uit te leggen.

In de nieuwe aanpak is alles tekst. Je pagina’s zijn Markdown-bestanden met een duidelijke structuur:

titel: Over Ons
beschrijving: Leer ons team kennen

secties:
  - type: tekst
    inhoud: Wij zijn een team van...
  - type: team-overzicht
    toon-iedereen: true

Dit is wat AI begrijpt. Het kan dit lezen, interpreteren en aanpassen. Vraag om een nieuwe sectie toe te voegen en het weet precies waar en hoe.

De leercurve is korter dan je denkt

“Maar ik kan niet programmeren.”

Dat hoeft ook niet. Je hoeft alleen te kunnen communiceren. Als je kunt uitleggen wat je wilt, kan de AI het bouwen.

De eerste keer dat je je website lokaal draait, voelt misschien onwennig. Je opent een terminal in plaats van een browser. Je typt npm run dev in plaats van naar een URL te gaan.

Maar dat is het. Vanaf dat moment kun je vragen stellen.

“Hoe voeg ik een nieuwe blogpost toe?"
"Ik wil dat deze knop rood wordt als iemand er overheen hovert."
"Maak een contactformulier met velden voor naam, email en bericht.”

De AI antwoordt. Soms met uitleg, soms door direct de wijziging te maken. Jij controleert. Akkoord? Dan push je naar GitHub en is het live.

Wat kun je zelf doen?

Dit zijn dingen die je zonder developer kunt:

Content aanpassen. Logisch. Maar nu ook structuur aanpassen. Een extra kolom toevoegen. Een video embedden. Een FAQ-sectie maken.

Nieuwe pagina’s maken. Kopieer een bestaand bestand, pas de inhoud aan, klaar. De URL wordt automatisch gegenereerd.

Stijl wijzigen. “Maak alle koppen iets groter.” “Gebruik een andere kleur blauw.” De AI past de juiste bestanden aan.

Functionaliteit toevoegen. Een calculator, een filter, een zoekfunctie. Dingen waarvoor je vroeger iemand inhuurde.

Tracking installeren. “Installeer Google Tag Manager met deze code.” De AI weet waar het moet komen.

Wat blijft lastig?

Niet alles is eenvoudiger geworden.

Complexe integraties zoals CRM-koppelingen of betalingssystemen vragen nog steeds kennis. De AI kan helpen, maar je moet begrijpen wat je vraagt.

Design vanaf nul is makkelijker geworden, maar nog steeds een vak. AI kan code schrijven, maar heeft moeite met smaak.

Consistentie bewaken is jouw taak. AI genereert soms oplossingen die werken maar niet passen bij wat er al staat.

Waarom wij zijn overgestapt

Wij hebben vijf jaar WordPress-websites gebouwd. Maatwerk, geen templates. Het werkte en we waren er goed in.

Maar elke kleine aanpassing kostte tijd. Een klant wilde logo’s van samenwerkingspartners toevoegen? Dat werd blokken slepen, uitlijnen, formaten aanpassen. Een half uur werk voor iets simpels.

Nu? “Voeg deze vijf logo’s toe in een horizontale rij.” Dertig seconden.

De besparing zit in de honderden kleine aanpassingen over de levensduur van een website.

Hoe begin je?

Als dit je aanspreekt, hoef je niet meteen je hele website om te gooien.

Experimenteer eerst lokaal. Installeer een framework, draai het op je computer, vraag aan AI om een simpele pagina te maken. Kijk hoe het voelt.

Begin klein. Misschien een landingspagina voor een campagne. Of een microsite voor een specifiek project. Iets met lage stakes.

Bouw kennis op. Je hoeft geen developer te worden. Maar begrijpen wat er onder de motorkap gebeurt, helpt bij het stellen van de juiste vragen.

Waar gaat dit heen?

Over vijf jaar sleept niemand meer handmatig blokken in een pagebuilder. Gewoon zeggen wat je wilt is sneller.

Wij zijn drie maanden geleden overgestapt. Onze eigen website draait nu op deze manier. En elke aanpassing die we maken, bevestigt dat we niet meer teruggaan.

WordPress is prima. Dit werkt gewoon beter voor ons.

Wij bouwen dit soort websites voor onze klanten. We helpen je met de setup, de prompts en tutorials om het helemaal zelf te leren. Zodat je ons daarna niet meer nodig hebt.

Wil je ook een website die je met AI kunt beheren? Neem contact op via 085 200 79 09 of vul de RAAK-scan in en vermeld dat je interesse hebt in een nieuwe website.