AI website maken: een complete gids

Zo ging het vroeger, en waarom dat nu anders kan

Vroeger had je twee opties als je geen programmeur was: iemand inhuren, of zelf uren verliezen in een sleepbouwer als WordPress of Wix. Die laatste optie werkte, maar je liep steeds tegen dezelfde muur aan. Je wist wel wát je wilde, alleen niet hoe je dat voor elkaar kreeg in de interface, en elke tekst schreef je zelf, woord voor woord.

AI verandert dat stuk. In plaats van zelf elk blokje te slepen, beschrijf je in gewone taal wat je wilt, en de AI vult de rest in: teksten, structuur, en bij sommige tools zelfs de volledige broncode. Je bent niet meer de bouwer, je bent de opdrachtgever. Dat scheelt niet alleen tijd, het scheelt ook de drempel om gewoon te beginnen.

Route 1: je AI website maken met een no-code bouwer

Dit is verreweg de snelste route, en de beste keuze als je vandaag nog live wilt zijn. Je beantwoordt een paar vragen over je bedrijf of project, of typt een prompt zoals "portfolio voor een fotograaf", en de tool bouwt een complete, gehoste site inclusief teksten en afbeeldingen.

Lovable is de bekendste naam in dit rijtje en gaat verder dan een simpele website: je kunt er ook complete webapps mee bouwen, met een gratis instapniveau en betaalde plannen vanaf ongeveer 20 tot 25 dollar per maand. Wix ADI werkt met een vragenlijst en is de veiligste keuze als je een bekende, stabiele omgeving wilt met een volledig Nederlandse interface. Framer AI is de tool voor wie vooral op design wil scoren, met strakke, responsieve pagina's die goed werken voor een portfolio. Durable bouwt binnen een paar minuten een site inclusief CRM en facturatie, wat het slim maakt voor zzp'ers die meteen ook hun klantcontact willen regelen. En de AI-websitebouwer van Hostinger is de budgetoptie: hosting, domein en site in één, vaak al voor een paar euro per maand.

Het enige wat je zelf blijft doen is domein en hosting kiezen, en dat regel je meestal in dezelfde flow als het bouwen van de site zelf.

Route 2: zelf bouwen met een AI-codeerassistent

Wil je meer controle, geen maandelijks abonnement bij een bouwer, of functionaliteit die geen enkel sjabloon aankan? Dan is dit wat inmiddels vibe coding heet: je geeft in gewone taal instructies aan een AI-assistent, en die schrijft de daadwerkelijke bestanden voor je.

Claude Code en OpenAI Codex zijn de bekendste voorbeelden, met Cursor als aantrekkelijk alternatief voor wie liever in een vertrouwde editor werkt. Jij typt wat je wilt, de AI bouwt de site, en jij checkt het resultaat en stuurt bij waar nodig. Het verschil met route 1 is dat jij nu wel zelf de bestanden beheert en verantwoordelijk bent voor waar de site uiteindelijk staat.

Dat betekent wel dat je een paar dingen extra regelt: een hostingpartij zoals Vercel of Netlify, vaak gratis voor kleine projecten, een domeinnaam, en de bereidheid om even te wennen aan een terminal of code-editor. Reken op een paar uur tot een dag voor een eerste werkende versie, in plaats van de tien minuten van route 1. Onze beginnersgids voor OpenAI Codex en de beginnersgids voor Claude Code nemen je stap voor stap mee door de installatie, als je deze route wilt proberen.

Route 3: je bestaande CMS geeft je AI-hulp

De derde route is de minst spannende, maar voor veel bedrijven de slimste op de lange termijn: een vertrouwd systeem als WordPress, met Elementor als paginabouwer, aangevuld met AI-functies voor teksten en afbeeldingen. Deze site draait zelf op precies die combinatie.

Je krijgt hier niet de snelheid van route 1 of de vrijheid van route 2, maar wel een systeem waar duizenden ontwikkelaars, thema's en plugins voor bestaan, en waar je nooit vastzit aan één aanbieder. Voor een simpele portfolio is dit overkill. Voor een bedrijf dat over een jaar wil uitbreiden met een webshop of ledenomgeving, is het vaak de verstandigste basis om vandaag al op te bouwen.

Het beste van alle drie: routes combineren

Je hoeft niet voor precies één route te kiezen. Steeds meer mensen combineren ze juist, en dat werkt verrassend goed. Je begint in route 1 met een tool als Lovable om snel een eerste ontwerp neer te zetten: een paar prompts verder heb je een compleet uitgewerkte pagina, met kleuren, structuur en teksten die al aardig in de buurt komen van wat je voor ogen had.

Dat ontwerp neem je vervolgens mee naar route 2. Je laat een AI-codeerassistent zoals Claude Code of Codex naar het resultaat kijken en er nette, werkende code van maken. Dat is precies de stap waar een no-code bouwer je soms in de steek laat: de output oogt mooi, maar is niet altijd code die je zomaar ergens anders kunt gebruiken. Een codeerassistent vertaalt het ontwerp naar gewone HTML en CSS die je daarna verder kunt aanpassen.

Om de cirkel rond te maken, gebruik je route 3 om die code een definitieve plek te geven. In WordPress open je bijvoorbeeld Elementor, plak je de HTML in een los HTML-element op de pagina, en heb je binnen een paar minuten een pagina die is ontworpen met AI, gebouwd met AI, en nu ook nog eens netjes beheerbaar is in het systeem waar je toch al aan gewend bent.

Zo pak je van elke route het sterkste onderdeel: het ontwerp uit route 1, de nette code uit route 2, en het gemak van route 3 om alles daarna te blijven beheren.

De valkuil die de meeste AI-sites verraadt

Er is één fout die verreweg het vaakst voorkomt: de AI-tekst letterlijk overnemen zoals hij eruit rolt. Dat lees je er meteen op af, want onbewerkte AI-tekst klinkt algemeen en mist net dat persoonlijke randje dat een bezoeker vertrouwen geeft. Lees elke pagina die je AI-tool voor je schrijft hardop terug, en verander in elk geval de openingszin naar iets wat alleen jij zo zou zeggen.

Hoe zorg je dat je AI-website ook gevonden wordt?

Een site bouwen is één ding, gevonden worden is iets anders. De basis is nog steeds hetzelfde als altijd: een duidelijke meta-titel en beschrijving per pagina, beschrijvende alt-teksten bij afbeeldingen, en unieke tekst in plaats van een kopie van wat honderd andere AI-sites ook al zeggen.

Daar komt sinds kort een tweede laag bovenop: vindbaarheid in AI-zoekmachines zoals ChatGPT, Perplexity en Google's AI-overzichten. Die citeren het liefst pagina's die een vraag direct en helder beantwoorden, met concrete feiten in plaats van vage marketingtaal. Wil je snappen hoe dat precies werkt, lees dan hoe je rankt met je website in AI-zoekmachines, waar we de basis van AEO uitleggen.

Welke route past bij jou?

Wil je vandaag nog live, zonder gedoe met hosting of code? Kies een no-code bouwer zoals Lovable, Durable of Hostinger. Wil je maximale vrijheid en vind je het wel leuk om iets nieuws te leren? Dan is een AI-codeerassistent zoals Claude Code of Codex de moeite waard, ook als je nog nooit hebt geprogrammeerd. En bouw je aan iets dat over een jaar groter moet worden, denk aan een webshop of een groeiend team? Dan is een vertrouwd CMS met AI-functies de stabielste basis.

Er is geen fout antwoord hier, alleen een antwoord dat beter past bij waar jij nu staat. Welke AI-tool het beste bij jou past hebben we trouwens ook los uitgewerkt, mocht je nog twijfelen tussen de tools zelf. Begin klein, bouw een eerste versie, en stuur bij zodra je ziet wat werkt.