Specchio

Con cosa è costruito

• React 18, TypeScript, Vite. Scritto a mano, senza un costruttore di siti, senza template.
• Tailwind per lo stile, `motion` per la navigazione a comparsa al passaggio del mouse e per l'hero a ventaglio di libri, nessun'altra libreria di animazione.
• three.js insieme a @react-three/fiber e @react-three/drei, usato in esattamente una stanza (Brain). La costellazione di War Room è pura SVG, non 3D, una scelta di peso deliberata nel rendere 232 agenti.
• @noble/ed25519 e @noble/hashes per le chiavi di firma effimere per visita in Heartbeat, Sketch, Verifier e Tre.
• I font (Inter, Newsreader, IBM Plex Mono) sono ospitati autonomamente, suddivisi in sottoinsiemi per sistema di scrittura. Nessun Google Fonts né altra richiesta di font di terze parti.

Con cosa comunica

• api.drand.sh, il faro di casualità pubblica della League of Entropy. Nessuna chiave, sola lettura.
• api.open-meteo.com, per la temperatura in tempo reale di Oslo e Bali nel piè di pagina e nella stanza Tre. Nessuna chiave, sola lettura.
• Nient'altro. Nessuna analitica, nessun pixel di tracciamento, nessuna rete pubblicitaria, nessun banner sui cookie, perché non c'è alcun cookie da gestire. Verificato cercando nell'intero albero del codice sorgente i nomi consueti prima di scrivere questa frase, non ipotizzato.

Come viene renderizzato

Ogni pagina dell'Estate e ogni stanza viene pre-renderizzata in vero HTML statico, per rotta e per lingua, prima che un crawler o una connessione lenta esegua anche solo una riga di JavaScript. Il livello interattivo si avvia poi sotto, invariato, per un visitatore il cui browser possa eseguirlo.

Quanto pesa ogni stanza

JavaScript compresso con Gzip, il blocco di codice diviso proprio di ciascuna stanza. Un visitatore paga il guscio dell'Estate una volta sola, poi solo le stanze che apre realmente, secondo la regola di code-splitting di CONSTELLATION-SCAFFOLD.

Misurato all'ultima build che ha toccato una stanza, non recuperato in diretta.