Gebouwd in een uur · aflevering 4
blog·5 min lezen

Gebouwd in een uur, aflevering 4: een tweetalige B&B met boekingsformulier

Vier opdrachten, Codex op GPT-5.6 Sol, 8 minuten en 30 seconden. WordPress kwam er niet door een limiet op het account, en de site kwam er toch. Met de tijden per taak en wat dat ons leerde.

In deze reeks bouwen we een fictief Nederlands bedrijf een complete website, alleen via de chat in DirectAdmin, in ongeveer een uur. Deze keer B&B De Lindehoeve in Giethoorn: drie kamers die Water, Riet en Linde heten, ontbijt inbegrepen, een fiets en een bootje te huur, en prijzen die per seizoen verschillen. Het model: OpenAI Codex op GPT-5.6 Sol, automatische stand. De site staat live op bnb.nieuwesite.nl en blijft staan.

Deze aflevering is de snelste tot nu toe, en tegelijk de enige waarin de eerste opdracht helemaal niet lukte.

De cijfers

Taak Opdracht Tijd Goedkeuringen
1 WordPress installeren 50 s 0
2 De hele site bouwen 164 s 0
3 Tweetalig maken 156 s 0
4 Boekingsformulier met beschikbaarheid 140 s 0

Totaal 510 seconden, oftewel 8 minuten en 30 seconden voor vier opdrachten. Nul keer om een goedkeuring gevraagd, want de run draaide in de automatische stand.

De opdrachten

1. "Installeer WordPress met de titel B&B De Lindehoeve." 50 seconden, en toen stopte hij. Het account had het maximum van vijf databases bereikt, dus er was geen plek voor nog een WordPress-installatie. Zijn antwoord was wat je wil horen: de installatie kon niet doorgaan, er is geen halve installatie achtergebleven, en welke bestaande database mag weg? Met de toevoeging dat verwijderen gegevens van een andere website kan wissen.

Dat is in de automatische stand precies het goede gedrag. Automatisch betekent dat hij zijn eigen werk niet laat goedkeuren, niet dat hij een database van iemand anders opruimt om verder te kunnen.

De eerste opdracht loopt vast op het maximum aantal databases

2. "Maak een eigen thema voor B&B De Lindehoeve in Giethoorn: drie kamers (Water, Riet en Linde) met foto-placeholders, prijzen per seizoen, ontbijt inbegrepen, fietsverhuur en een bootje. Warme, rustige uitstraling met veel wit en groen. Homepage, kamers, omgeving, contact. Geen standaardsjabloon." 164 seconden. En hier wordt het interessant, want er was geen WordPress om een thema voor te maken.

Hij bouwde de site dan zonder. Elf bestanden: vier pagina's, een gedeeld kop- en voetstuk, een stijlblad, wat JavaScript, een eigen illustratie, en meteen een robots.txt en een sitemap.xml erbij. Wit en groen, rustige typografie, de drie kamers met plek voor foto's, de seizoensprijzen in een tabel, en onderaan een aanvraagformulier met spambeveiliging. Adres, telefoonnummer en prijzen vulde hij in met herkenbare voorbeeldwaarden en dat meldde hij er zelf bij.

De homepage van B&B De Lindehoeve op desktop

3. "Maak de site tweetalig, Nederlands en Engels, met een taalkeuze bovenaan en per pagina een vertaling. Gebruik geen betaalde plugin." 156 seconden, twaalf wijzigingen. Taalkeuze bovenaan, alle pagina's vertaald, en ook de knoppen, de formulierlabels en de meldingen die je pas ziet als je iets fout invult. De gekozen taal blijft bij een volgend bezoek staan, en de Engelse pagina's zijn aan de sitemap toegevoegd.

4. "Maak een boekingsaanvraagformulier per kamer: aankomst, vertrek, aantal gasten, ontbijtwens, opmerking. Controleer beschikbaarheid tegen een simpele kalender in het beheer, mail de aanvraag naar de eigenaren en toon een bevestiging in de gekozen taal." 140 seconden. Het formulier kreeg alle gevraagde velden, de beschikbaarheid wordt gecontroleerd tegen een kalender die de eigenaren zelf bijhouden op een beheerpagina, en de aanvraag gaat per mail naar het huis. Bevestigingen en foutmeldingen zijn Nederlands en Engels.

Het boekingsformulier op een telefoon

Twee dingen meldde hij er zelf bij, en dat is de waarde van dat laatste stukje antwoord. Hij ging uit van maximaal twee gasten per kamer, want dat stond niet in de opdracht. En er is tijdens het testen geen echte mail verstuurd, dus dat moet nog één keer met de hand.

De hele site, pagina voor pagina

Alle vier de pagina's zoals ze nu live staan, als volledige schermafdruk, desktop en mobiel. Scroll in het venster om een pagina helemaal te zien.

Wat misging

De eerste opdracht, en dat lag niet aan het model. Vijf databases is de grens van dit pakket, en die grens was al vol. In de drie afleveringen hiervoor viel dat niet op, omdat daar een bestaande site werd omgebouwd en niet een nieuwe installatie werd neergezet.

Wat we er niet bij hadden verwacht, is dat de rest van de run daar prima zonder kon. De opdracht vroeg om een thema, hij leverde een site. Voor een bezoeker is het verschil niet te zien: vier pagina's, een werkend formulier, mobiel in orde. Voor de eigenaar is het verschil er wel, want zonder WordPress is er geen beheerscherm waarin je zelf een prijs aanpast. Dat moet nu via de beheerpagina die hij er bij taak 4 zelf voor bouwde.

Wat we leerden

  • Een limiet op je pakket is geen foutmelding die je ziet aankomen. Hij komt bovendrijven op het slechtst denkbare moment, namelijk bij de eerste stap. Kijk voor een nieuwe site even of er nog ruimte is voor een database.
  • Automatisch is niet onvoorzichtig. Hij had kunnen kiezen om een database te verwijderen en door te gaan. Hij stopte en vroeg het, met de waarschuwing erbij.
  • Vertalingen zitten in de meldingen, niet in de teksten. De zichtbare pagina's vertalen is het makkelijke deel. De foutmelding onder een verkeerd ingevuld datumveld is waar het in de praktijk misgaat.
  • Het laatste stukje antwoord is het belangrijkste. De aannames en het "dit heb ik niet getest" staan er altijd in. Dat is je takenlijst.

Welk model en waarom

GPT-5.6 Sol is duidelijk sneller dan GPT-6-Astra in aflevering 1, die er voor vier opdrachten ongeveer 25 minuten over deed, en ook sneller dan Claude Opus en Sonnet in aflevering 2 en aflevering 3. Dat is geen eerlijke race, want dit waren andere taken op een ander beginpunt.

Waar hij zich in onderscheidt is doorzetten. Toen WordPress niet kon, bouwde hij een site die aan de beschrijving beantwoordt. Dat is handig en het is iets om in de gaten te houden, want hij vraagt niet of dat de bedoeling was. Welk Codex-model je waarvoor kiest, staat in welk Codex-model kies je.

Wil je dit zelf proberen, dan koppel je Claude of Codex in Invoker Link met je eigen abonnement; de pakketten staan bij webhosting.

MK
Maarten Keizer

Oprichter van Invoker. Ruim twintig jaar hosting, systeembeheer en webdevelopment; bouwt de Claude-hosting zelf en test alles eerst op de eigen servers.

over maarten