Een avond vol ships: favicon, apps en geleerde lessen
Deze avond voelde het alsof JelleBuilds eindelijk echt begon te leven. Niet omdat er iets groots live ging, maar omdat er in één avond zoveel kleine stukjes samenkwamen: een favicon, betere vindbaarheid, drie werkende apps en pagina's die vertellen waarom ze bestaan.
Favicon en vindbaarheid
Het begon simpel: een favicon maken. Maar vanuit dat kleine icoontje rolde alles verder. SEO — robots.txt, sitemap, Open Graph — klonk technisch, maar het dwingt je na te denken over hoe anderen (en AI's) je site vinden. ChatGPT kon mijn site nog niet zien, en dat was een nuttige reality check: live staan is niet hetzelfde als vindbaar zijn.
Drie apps
Daarna JellePantry. Drie potjes kurkuma in mijn kruidenla werden een werkend prototype. Het leukste: een Claude-opzetje omzetten naar een echte Next.js-route met localStorage. Simpel, bruikbaar, en precies het soort tool dat ik zelf nodig had.
Jello volgde — een kanban-bord dat ik al eerder had gebouwd, nu geïntegreerd op de site. Hier leerde ik iets waardevols over Next.js: een HTML-bestand in public/ wordt niet automatisch geserveerd op /jello. Een rewrite en absolute paden losten het op.
En JelleRunLog: een trainingsplanner voor mijn doelrun, ontstaan uit een Google Sheet voor de CPC. Geen afstanden loggen, maar trainingsdagen afvinken en toewerken naar een datum. De app kreeg een -logo in JelleBuilds-stijl.
Branding en i18n
Tot slot gaven alle drie de apps dezelfde branding: warme kleuren, Inter-lettertype en een compact -logo. Ook experimentpagina's, een release-log, footer-links en bijgewerkte teksten. Het patroon werd duidelijk: de site is niet alleen een showcase, maar een plek waar experimenten een verhaal krijgen.
De apps waren allemaal in het Nederlands, terwijl de site tweetalig is. Dus voegde ik i18n toe — elke app volgt nu de site-taal via dezelfde taalsleutel, met een NL/EN-toggle in de app zelf. En elk experiment kreeg een eigen release-overzicht op de experimentpagina, zodat je per app kunt zien wat er is veranderd.
Daarna nog wat polish aan het einde van de avond: sticky knoppen op experimentpagina's zodat je de app niet hoeft te zoeken, statuskleuren op de homepage (groen/orange/grijs), en een persoonlijker over-mij-blok. Kleine dingen — maar precies het soort details dat een site af maken.
Les van de avond
Mijn grootste les: ship klein, ship vaak. Elke release hoeft geen groot project te zijn. Een favicon, een routing-fix, een nieuwe pagina — het telt allemaal mee. En opschrijven wat je leert (zoals nu) maakt het pas echt af.