Bewijzen, eerlijk

Spiegel

Deze kamer richt de spiegel op de site zelf. Geen metafoor, maar de daadwerkelijk gemeten cijfers van de build die de pagina heeft gemaakt die je nu leest, samen met een eerlijk verslag van waarmee de site praat en wat het kost.

Waarmee het gebouwd is

React 18, TypeScript, Vite. Met de hand gecodeerd, geen site-bouwer, geen sjabloon.
Tailwind voor de styling, `motion` voor de bij hover uitklappende navigatie en de boekenwaaier-hero, geen andere animatiebibliotheek.
three.js samen met @react-three/fiber en @react-three/drei, gebruikt in precies één kamer (Brain). De eigen constellatie van War Room is gewone SVG, geen 3D, een bewuste gewichtskeuze bij het renderen van 232 agents.
@noble/ed25519 en @noble/hashes voor de per bezoek vluchtige ondertekeningssleutels in Heartbeat, Sketch, Verifier en Tre.
Lettertypen (Inter, Newsreader, IBM Plex Mono) zijn zelf gehost, per schriftsysteem opgesplitst. Geen Google Fonts of enig ander lettertypeverzoek van derden.

Waarmee het communiceert

api.drand.sh, het publieke randomness-baken van de League of Entropy. Geen sleutel, alleen lezen.
api.open-meteo.com, voor de live temperatuur van Oslo en Bali in de voettekst en in de Tre-kamer. Geen sleutel, alleen lezen.
Verder niets. Geen analytics, geen trackingpixel, geen advertentienetwerk, geen cookiebanner, omdat er geen cookie te beheren valt. Gecontroleerd door de hele broncodeboom te doorzoeken op de gebruikelijke namen voordat deze zin werd geschreven, niet aangenomen.

Hoe het gerenderd wordt

Elke Estate-pagina en elke kamer wordt per route en per taal vooraf gerenderd naar echte statische HTML, voordat een crawler of trage verbinding ook maar één regel JavaScript uitvoert. De interactieve laag start daarna eronder, ongewijzigd, voor een bezoeker wiens browser het kan uitvoeren.

Hoeveel elke kamer weegt

Gzip-gecomprimeerde JavaScript, het eigen code-gesplitste stuk van elke kamer. Een bezoeker betaalt de Estate-schil eenmalig, daarna alleen de kamers die hij daadwerkelijk opent, volgens de CONSTELLATION-SCAFFOLD-regel voor code-splitsing.

Estate shell (every page pays this once)108.99 kB

Heartbeat2.42 kB

Tre3.06 kB

Gravity4.39 kB

Appendix3.23 kB

Sketch3.82 kB

Verifier5.94 kB

War Room5.74 kB

Brain232.68 kB

three.js/R3F, by far the heaviest room. Only paid by a visitor who actually opens /brain, never by anyone else.

Gemeten bij de laatste build die een kamer raakte, niet live opgehaald.

Wat het kost

Op dit moment niets, omdat het nog niet live is. Dit is een staging-repository (buge4/bjornvhauge-com), geen domein. Zodra het live gaat, is de eerlijke projectie 0 dollar aan gewone operationele kosten: statische bestanden op een CDN, geen serverproces, geen database, geen betaalde API-sleutel waar dan ook in de stack hierboven. Als dat verandert, verandert deze kamer mee, niet andersom.