Vanavond gebouwd. Ik met de ideeën, de aansturing, het nalopen, de git pulls, de publishes en de controle of het allemaal ook écht klopt zoals ik het in mijn hoofd had. Claude met de code. Samen zijn we gevaarlijk :)
Drie nieuwe pagina's, één avond
Het begon met: "zou je ook het puntenverloop per race kunnen zien?" En toen was er ineens ook een head-to-head vergelijking voor teamgenoten. En daarna wilde ik weten hoe het weer wordt bij Suzuka.
Dat is hoe dashboards groeien.
Championship Progression toont hoe het kampioenschap zich race voor race ontwikkelt. Lijngrafieken. Interactief. Driver standings én constructeursstanden. 2025 of 2026, jij kiest.
Head-to-Head Battles vergelijkt teamgenoten. Wie wint de kwalificaties binnen een team? Wie scoort meer punten? Alle 11 teams, officiële teamkleuren, gewoon netjes uitgewerkt. Max vs Liam is hier wel een beetje zielig trouwens.
Circuit Weather is misschien wel het leukste. Per circuit een live weersverwachting voor het hele raceweekend. Vrijdag, zaterdag, zondag. Per sessie. FP1 tot Race. 24 circuits, GPS-coördinaten allemaal hardcoded in de codebase, want zo gaat dat.
En toevallig begint het seizoen over een paar weken in Melbourne. Australië. Albert Park. Eerste race van 2026.
Het dashboard weet al hoe laat het is.
Demo Mode
Via ons F1 CMS kun je met één klik een live race simuleren. De Demo Mode activeert een volledige Australian Grand Prix op ronde 42 — compleet met Live Tower (posities en gaps), Race Control Feed (vlaggen, pitstops, penalties) en Tire Strategy Timeline (bandenwissels per coureur). Ideaal om de live-ervaring te testen zonder te wachten op een echte race. De toggle staat standaard uit en reset automatisch bij elke deploy. En ik heb alles strak gezet, dus kom zeker tijdens een race eens kijken op pb.nl alles info live en direct in ons dashboard.
Ondertussen in Higgsfield
Terwijl Claude aan het bouwen was, was ik in Higgsfield bezig met iets anders.
Onze DMM-modellen — ja, die digitale dames — hebben vanavond ook even F1 gedaan. Nieuwe banners gemaakt voor het dashboard. Pit lane vibes, teamkleuren, editorial. Het soort beeld waar je niet aan denkt als je aan een F1-dashboard denkt, maar dat er wel meteen goed bij staat.
En dan nog wat kleur- en designaanpassingen eromheen. Omdat het dashboard nu meer pagina's heeft, mocht het er ook wat strakker uitzien.
Twee dingen tegelijk dus. Bouwen én stylen. Zo efficiënt zijn we hier. #endoor
Data van overal, gratis
Weer ophalen via Open-Meteo. Geen API-key, geen kosten, gewoon werkt het. Race data via Jolpica — de open-source opvolger van Ergast. Live sessiedata via OpenF1.
Drie APIs. Eén dashboard. Server-side caching zodat we ze niet elke keer lastig vallen.
En de homepage
Race Weekend Weather staat nu ook op de homepage. Compact blokje, direct onder de kalender. Wat is het weer bij de volgende race? Voor Australië: kijken maar.
Alle 11 teamlogo's zijn nu officieel. Dat ziet er gewoon mooier uit. Vier feature banners in een 2x2 grid voor de nieuwe pagina's.
Stack (voor de volledigheid)
React + TypeScript, TanStack Query, Recharts, Tailwind, Iconify iconen. En drie API's die gelukkig niet boos worden als je ze elke zes uur belt.
Het dashboard staat op pb.nl/f1. Peet.