FrostByte maakt in Delft cryogene elektronica: chips die blijven werken vlak boven het absolute nulpunt, in de cryostaat waarin ook de qubits van een quantumcomputer op temperatuur worden gehouden. Elke qubit heeft eigen elektronica nodig om aangestuurd te worden, en dat wil je niet per draadje vanaf kamertemperatuur doen.
Dat is de uitleg die de site moet dragen, voor een publiek dat deels natuurkundige is en deels inkoper. Een productpagina moet daarom naast de specificaties ook het onderzoek erachter kunnen laten zien.
Producten, specificaties en publicaties in één model
De site is headless gebouwd: de content zit in Sanity en de website is een aparte applicatie die hem daar ophaalt. Dezelfde opzet als bij Uw Baron, maar het model eronder is een stuk uitgebreider.
Er zijn productlijnen, productcategorieën en producten, elk met een specificatietabel. Wetenschappelijke publicaties zijn een eigen documenttype met auteurs, tijdschrift, jaar en DOI, en je koppelt ze aan een product. Onder een productpagina verschijnt zo automatisch het onderzoek waar dat product op leunt. Nieuws, teamleden, navigatie en de footer staan er ook in, en pagina’s bouw je uit blokken: tekst met beeld, accordeon, carrousel, quote, tabel, downloads.
Types die uit het schema komen rollen
Frontend, CMS en een gedeeld pakket zitten in één repository, met Turborepo als aanjager van de taken. Dat gedeelde pakket is het interessante deel: een script leest het Sanity-schema uit en genereert daar TypeScript-types uit, de beschrijving van hoe elk stuk content eruitziet.
Beide kanten gebruiken diezelfde types. Hernoem je een veld in het CMS, dan wijst de compiler alle plekken aan waar de site dat veld nog verwacht. Dat scheelt de klasse fouten die je bij een headless site anders pas op de pagina zelf tegenkomt.
Bewerken met de echte pagina ernaast
In het CMS staat de site live naast de velden. Klik je in die voorvertoning op een stuk tekst, dan springt het bijbehorende veld open. Redacteuren hoeven dus niet te raden welk blok ze te pakken hebben.
De URL’s zijn hiërarchisch: een product onder een productlijn krijgt het volledige pad van zijn ouders ervoor. Bij publiceren wordt dat pad berekend en worden de onderliggende pagina’s meteen bijgewerkt, zodat een product verplaatsen geen handwerk oplevert.
Waar het draait
De site draait op Cloudflare Workers, servers die verspreid staan en de pagina afhandelen dicht bij waar de bezoeker zit. Het contactformulier verstuurt via Mailgun en heeft Turnstile ervoor tegen bots. Het CMS deployt zichzelf vanuit de repository.
De site staat sinds augustus 2026 online. Kijk zelf even bij frostbyte.nl, of bekijk wat ik verder doe.
Een verhaal dat uitleg nodig heeft?
Stuur me een appje, dan denk ik met je mee.