Van ‘Vibe Coding’ naar Productie: De Geboorte van de Zutphen.Online Netwerk Radar
Er is iets ronduit magisch aan de stand van het technologische vernuft anno 2026. Met een gezonde dosis programmeerkennis van “ooit” in je achterhoofd, een scherpe visie en de juiste AI-assistenten aan je zijde, herontdek je als techneut de pure, kinderlijke vreugde van het bouwen. Tegenwoordig noemen we dat met een hippe term vibe coding. Je zit in een flow, de code rolt over je scherm en voor je het weet, komt een idee tot leven.
Maar het hele proces roept bij mij ook een interessante, bijna filosofische vraag op. Een vraag waar ik de afgelopen dagen—terwijl ik diep in de Linux-terminals zat—veel over heb nagedacht:
Wanneer is een applicatie nog je eigen creatie, en wanneer spreek je van een ‘zelfrijdende auto’ waarbij je eigenlijk alleen maar als passagier achterin zit?
De Manifestatie: Wat doe je met 100.000 credits?
Het begon allemaal met een fysieke Globalping-probe die ik in het lokale Zutphense netwerk had hangen. Een mooi stukje infrastructuur, maar buiten het feit dat hij stilletjes netwerktests voor anderen uitvoerde, deed ik er zelf weinig mee. De teller van mijn account tikte de 101.400 credits aan. Dat is serieuze munitie. Tijd om die berg credits slim te benutten en iets vets te bouwen voor de regio.
Het idee? De Zutphen.Online Netwerk Radar. Een geavanceerde tool (of beter gezegd: een SaaS-waardig dashboard) waarmee lokale ondernemers en mede-developers direct visueel inzicht krijgen in hoe hun website presteert. Niet alleen vanuit een of ander anoniem datacenter, maar écht gemeten vanuit Zutphen én de rest van de wereld.
De Creatie: AI als turbo-aangedreven motor
Samen met mijn AI-assistent Jules ben ik de code ingedoken. We kozen voor een moderne stack: Next.js met Turbopack. En ik ga heel eerlijk zijn: de snelheid waarmee AI vandaag de dag complexe boilerplate code, Tailwind CSS styling en TypeScript interfaces genereert, is krankzinnig. Binnen de kortste keren stonden de API-routes die praatten met het Globalping-netwerk. We bouwden features om de ‘Time To First Byte’ (TTFB) te meten, DNS-propagatie live te tracken, en zelfs een visuele traceroute die IP-adressen via een GeoIP-parser vertaalt naar een interactieve wereldkaart.
Het was pure vreugde. Totdat de realiteit van het live brengen om de hoek kwam kijken.
De Overweging: Waarom de mens in de regisseursstoel blijft
Ja, de AI schreef de code in een moordend tempo. Maar een zelfrijdende auto komt helemaal nergens zonder de juiste bestemming, infrastructuur en verkeersregels. En precies dáár ontdek je dat de orchestrator — de ambachtsman — onmisbaar is.
Tijdens de uitrol liepen we tegen de harde realiteit van serverbeheer aan. AI lost namelijk geen www-data Linux permissie-conflicten op als je git clone weigert te werken. Het snapt de nukken van een falende npm audit fix niet als die je hele dependency tree opblaast. Het configureert geen Nginx reverse proxies op poort 3000, hangt geen API-tokens veilig achter gesloten deuren in een .env.local bestand, en zorgt er niet voor dat een PM2 daemon je applicatie netjes op de achtergrond draaiende houdt na een server-crash.
Dat is geen code kloppen, dat is architectuur. Dat is het werk van de regisseur. AI vervangt de maker niet; het geeft de maker simpelweg superkrachten om groter en sneller te bouwen.
Het Resultaat: Hosting die werkt. Punt.
Het resultaat van deze fantastische samenwerking tussen menselijke stuurmanskunst en artificiële pk’s staat nu live en productie-klaar te draaien. Geen haperende dev-overlays, gewoon loeisnelle, geoptimaliseerde code, afgevangen achter een strakke proxy.
Ik ben ontzettend trots op dit project als showcase voor PCPal en Zutphen.Online. We bieden nu een unieke, gratis tool voor de regio die laat zien wat we in huis hebben als het gaat om netwerkinfrastructuur.
Benieuwd hoe jouw website reageert op ons wereldwijde en lokale netwerk? Gooi je domeinnaam er eens doorheen en zie met eigen ogen hoe de data over de wereldkaart reist. Probeer het zelf uit via de link hieronder!