Vibe coding: een website maken met AI (die blijft werken)

Kort antwoord: Bij vibe coding beschrijf je in gewone woorden de website die je wilt, laat je een AI een eerste versie bouwen en blijf je ermee praten tot het klopt. De eerste versie staat er in ongeveer een minuut. Of je uiteindelijk een echte website hebt, hangt af van wat daarna komt: aanpassen, hosting, een domeinnaam en over een halfjaar nog dingen kunnen veranderen.

De term komt van Andrej Karpathy. In februari 2025 beschreef hij een manier van programmeren waarbij je je "volledig overgeeft aan de vibes" en de code niet meer leest. Collins koos het datzelfde jaar als woord van het jaar. Sindsdien is "een website maken met AI" een van de meest gebruikte manieren om een site online te krijgen zonder iemand in te huren.

We hebben een AI-builder in LINJERUM Studio gebouwd, en zo zouden wij het aanpakken.

Wat is vibe coding eigenlijk?

Jij schrijft wat je wilt. De AI schrijft de code. Je bekijkt het resultaat en vraagt in woorden om wijzigingen, niet door blokjes te verslepen. "Maak de header rustiger." "Voeg een pagina toe voor de workshops." "Het telefoonnummer moet bovenaan staan."

Er zijn twee soorten tools die dit doen, en ze liggen verder uit elkaar dan het lijkt.

• Algemene codetools zoals Lovable, Bolt en Replit schrijven een app op basis van je prompt. Ze kunnen bijna alles bouwen, maar als ze klaar zijn heb je een codebase in handen, en hosting, formulieren en aanpassingen zijn jouw probleem.
• Websitebouwers met AI schrijven de site binnen een platform dat hem al host, de domeinnaam regelt en je een woord laat aanpassen door erop te klikken. Je kunt minder bouwen, maar er kan ook minder misgaan.

Voor een portfolio, een klein bedrijf of een winkel in de buurt is de tweede soort bijna altijd de juiste. Je wilt een website, geen softwareproject.

Zo maak je een website met AI

Schrijf je prompt als een briefing, niet als een wens

"Een mooie website voor mijn keramiekatelier" levert een mooie website op voor het keramiekatelier van iemand anders. De AI vult elk gat met het gemiddelde van het internet. Geef hem wat alleen jij weet: wie je bent, waar je zit, waarvoor mensen bij je komen en hoe het moet voelen.

Noem de pagina's die je wilt. Zeg voor wie de site is. Heb je een zin die je altijd tegen klanten gebruikt, zet hem erin. Dat is het verschil tussen een site die klinkt als jij en een die klinkt als een template.

Lees de eerste versie als een vreemde

Open hem op je telefoon. Zie je binnen vijf seconden wat het bedrijf doet en waar het zit? Kun je contact opnemen zonder helemaal naar beneden te scrollen? Staat er iets dat niet klopt?

Dat laatste is belangrijk. AI vult gaten graag op met dingen die goed klinken. In onze prompt stond alleen "Kopenhagen". De site kwam terug met een straatadres, een wijk, openingstijden en een telefoonnummer.

Het ziet er af uit, en dat is precies het probleem. Loop elke naam, elk nummer en elke belofte op de pagina na, en haal alles weg waar je niet achter kunt staan.

Vraag om één wijziging tegelijk

"Maak het beter" levert een andere site op, geen betere. "Zet het workshoprooster boven de shop" levert precies dat op. Kleine, concrete verzoeken zijn makkelijker te controleren en makkelijker terug te draaien als de AI het verkeerd doet.

Gaat een wijziging mis, draai hem dan terug in plaats van de AI te vragen de reparatie te repareren. Drie correcties verder ziet de pagina er meestal slechter uit dan waar je begon.

Doe de details zelf

AI brengt je heel snel een heel eind. Het laatste stuk, de echte foto's, de juiste prijzen, de zin die klinkt als jij, gaat sneller met de hand dan met een prompt. "Verander 'workshop' in 'les' in de tweede alinea" typen duurt langer dan op het woord klikken en het aanpassen.

Hier maakt de tool het verschil. Bij sommige vibe-codingtools kun je alleen praten. Je kunt niet op een kop klikken om een typfout te verbeteren. WPBeginner testte er vier en zag precies dit bij Lovable: geen visuele editor zodra de site gegenereerd is. Controleer voordat je een tool kiest of je ook met de hand kunt aanpassen.

Publiceer op je eigen domeinnaam

Een site op een lange previewlink is nog geen website. Koppel je domeinnaam, controleer of het contactformulier echt ergens aankomt en open de gepubliceerde site op een telefoon die niet van jou is.

Wat er misgaat na de eerste prompt

De demo is het makkelijke deel. Dit zijn de dingen die meestal een paar weken later opduiken.

• Hosting. Algemene codetools geven je code. Die online zetten, online houden en ervoor betalen is een aparte klus. De Replit-test van WPBeginner eindigde met de keuze tussen dure hosting of het zelf online zetten.
• Formulieren. Een contactformulier dat er goed uitziet maar nergens naartoe stuurt, mis je makkelijk. Test het met je eigen e-mailadres.
• Een prijs aanpassen in maart. Als je alleen via een prompt kunt aanpassen, is elke kleine wijziging een klein risico. Je vraagt om een nieuwe prijs en krijgt er een nieuwe layout bij.
• Vindbaarheid in Google. Paginatitels, beschrijvingen en een sitemap schrijven zichzelf niet, tenzij de tool het voor je doet. Vraag ernaar, of controleer het.

Niets hiervan is een reden om vibe coding te vermijden. Het is een reden om te vibe coden op een plek die de saaie dingen al voor je regelt.

Wanneer vibe coding de verkeerde keuze is

Weet je al hoe een goede website voor jouw soort bedrijf eruitziet, dan is beginnen met een kant-en-klaar ontwerp vaak sneller dan er een beschrijven. Een template heeft de honderd kleine beslissingen over witruimte, letters en volgorde al genomen die een prompt aan het toeval overlaat.

Daarom heeft LINJERUM Studio allebei. Begin met een template en pas de tekst en foto's direct op de pagina aan, of beschrijf de site in de AI-builder en ga van daaruit verder. Hoe dan ook bouw je gratis en betaal je pas als je publiceert.

Veelgestelde vragen