Dit portfolio

Een portfolio waarop staat dat ik met AI bouw, bewijst niets. Iedereen kan dat opschrijven. Het enige dat het onderscheid maakt tussen iemand die het doet en iemand die erover praat, is of het ding waar je naar kijkt zelf zo gemaakt is en of je kunt navertellen waar het misging.

De site begon op een template uit Lovable, en sinds de rebrand komen ontwerp en code uit Claude Code. Het logo is gegenereerd. Elke verhouding, van de schuinte van de letters tot de breedte van de steel, is een parameter in een script. Wil je iets veranderen, dan pas je de parameter aan en draai je het opnieuw, en dan kloppen de favicon en de social preview meteen mee.

De site doet nul verzoeken naar externe hosts. Lettertypen, iconen en logo's staan lokaal, en de bezoekersstatistiek is cookieloos en laadt vanaf het eigen domein. Daardoor is er geen cookiebanner nodig.

Al het werk aan de site gebeurt op een testomgeving en gaat pas na review naar productie. Wijzigingen aan het beheerscherm gaan sinds 26 augustus live na de eigen tests en een code review van Claude Code.

Twee talen, geen externe verzoeken, en de content staat los van de code. Alle tekst zit in een apart bestand dat tijdens de build gecontroleerd wordt tegen een model. Klopt er iets niet aan de inhoud, dan is er geen build en dus geen deploy. Sinds 13 augustus werk ik de site bij via een eigen beheerscherm, zonder dat dat een codewijziging is, en inmiddels is dat een editor met live voorvertoning, een bibliotheek met blokken en een paginabouwer. Site en beheerscherm draaien sinds 1 september op een volledig nieuw ontwerp.

Drie fouten zijn het navertellen waard, en ze zijn precies het punt van deze case.

Bij het lostrekken van de content bouwde ik de controle in op de plek waar de pagina zijn tekst inleest. Netjes bedacht, en fout, want die code draait ook in de browser. Zo reisde de complete validatiebibliotheek mee naar elke bezoeker. 58 kilobyte om gegevens te controleren die op dat moment allang goedgekeurd waren, op een site waarvan de hele opzet is dat hij geen byte te veel laadt.

Hij kwam boven doordat ik na de build in de uitvoer keek wat er daadwerkelijk in zat.

En precies daarom vond ik dezelfde fout een dag later nog een keer, in een andere vorm. De casepagina's waren nieuw, en om de lijst op de voorpagina te vullen laadde ik alle cases in. Dus stond de volledige tekst van elke case, in beide talen, in het bestand dat je binnenhaalt als je alleen de voorpagina opent. Dat was 68 kilobyte, waarvan 89 procent daar nooit op het scherm kwam. Met elke case die er nog bij zou komen, zou dat verder oplopen. Nu haalt de voorpagina alleen de titels en de samenvattingen op, en komt de tekst van een case pas binnen als je hem opent.

De eerste keer was een misser. De tweede keer, binnen een week, was een patroon. Ik stuur standaard te veel mee omdat het in de code netter oogt.

De derde fout is van 30 augustus. Een volledig herontwerp van site en beheerscherm ging live voordat ik het gezien had, terwijl de afspraak is dat zoiets eerst op de testomgeving staat en aan mij wordt voorgelegd. Dezelfde dag ging het op mijn aanwijzing weer van productie af. Na een paar ontwerprondes, waarin ik onder meer de klassieke header terug wilde, gaf ik de go op versie 6, en die staat sinds 1 september live.