← Das HausBeweise, ehrlich

Beweise, ehrlich

Spiegel

Dieser Raum richtet den Spiegel auf die Seite selbst. Keine Metapher, sondern die tatsächlich gemessenen Zahlen aus dem Build, der die Seite erzeugt hat, die du gerade liest, sowie eine klare Auskunft darüber, mit wem die Seite spricht und was sie kostet.

Womit es gebaut ist

  • React 18, TypeScript, Vite. Handgeschrieben, kein Seitenbaukasten, keine Vorlage.
  • Tailwind für das Styling, `motion` für die Hover-Ausklapp-Navigation und das Bücherfächer-Hero, keine weitere Animationsbibliothek.
  • three.js zusammen mit @react-three/fiber und @react-three/drei, verwendet in genau einem Raum (Brain). Die eigene Konstellation von War Room ist reines SVG, kein 3D, eine bewusste Gewichtsentscheidung bei 232 dargestellten Agenten.
  • @noble/ed25519 und @noble/hashes für die pro Besuch flüchtigen Signierschlüssel in Heartbeat, Sketch, Verifier und Tre.
  • Schriften (Inter, Newsreader, IBM Plex Mono) sind selbst gehostet, pro Schriftsystem in Teilmengen. Keine Google Fonts oder sonstige Drittanbieter-Schriftanfrage.

Womit es kommuniziert

  • api.drand.sh, das öffentliche Zufalls-Beacon der League of Entropy. Kein Schlüssel, nur Lesezugriff.
  • api.open-meteo.com, für die Live-Temperatur von Oslo und Bali in der Fußzeile und im Tre-Raum. Kein Schlüssel, nur Lesezugriff.
  • Sonst nichts. Keine Analyse, kein Tracking-Pixel, kein Werbenetzwerk, kein Cookie-Banner, weil es kein Cookie zu verwalten gibt. Vor dem Schreiben dieses Satzes wurde der gesamte Quellcode nach den üblichen Namen durchsucht, nicht einfach angenommen.

Wie es gerendert wird

Jede Estate-Seite und jeder Raum wird pro Route und pro Sprache zu echtem statischem HTML vorgerendert, bevor ein Crawler oder eine langsame Verbindung jemals eine Zeile JavaScript ausführt. Die interaktive Ebene startet danach unverändert darunter, für Besucher, deren Browser sie ausführen kann.

Was jeder Raum wiegt

Gzipptes JavaScript, der eigene codegesplittete Chunk eines Raums. Ein Besucher zahlt die Estate-Hülle einmal, danach nur die Räume, die er tatsächlich öffnet, gemäß der CONSTELLATION-SCAFFOLD-Codesplitting-Regel.

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.

Gemessen beim letzten Build, der einen Raum betraf, nicht live abgerufen.

Was es kostet

Im Moment nichts, weil es noch nicht live ist. Dies ist ein Staging-Repository (buge4/bjornvhauge-com), keine Domain. Wenn es live geht, lautet die ehrliche Prognose 0 $ laufende Kosten im Normalbetrieb: statische Dateien auf einem CDN, kein Serverprozess, keine Datenbank, kein bezahlter API-Schlüssel irgendwo im obigen Stack. Ändert sich das, ändert sich dieser Raum mit, nicht umgekehrt.