दर्पण

यह कमरा दर्पण को साइट पर ही मोड़ देता है। यह कोई रूपक नहीं है, बल्कि उस बिल्ड से वास्तव में मापे गए आंकड़े हैं जिसने वह पृष्ठ बनाया जिसे आप अभी पढ़ रहे हैं, साथ ही यह ईमानदार विवरण कि साइट किससे बात करती है और इसकी लागत क्या है।

यह किससे बना है

React 18, TypeScript, Vite। हाथ से लिखा गया कोड, कोई साइट-बिल्डर नहीं, कोई टेम्पलेट नहीं।
स्टाइलिंग के लिए Tailwind, होवर पर खुलने वाले नेविगेशन और बुक-फैन हीरो के लिए `motion`, कोई अन्य एनिमेशन लाइब्रेरी नहीं।
three.js के साथ @react-three/fiber और @react-three/drei, ठीक एक कमरे (Brain) में उपयोग किया गया है। War Room का अपना कॉन्स्टेलेशन सादा SVG है, 3D नहीं, 232 प्रस्तुत एजेंटों पर एक जानबूझकर लिया गया वज़न-संबंधी निर्णय।
Heartbeat, Sketch, Verifier और Tre में प्रति-विज़िट अस्थायी हस्ताक्षर कुंजियों के लिए @noble/ed25519 और @noble/hashes।
फ़ॉन्ट्स (Inter, Newsreader, IBM Plex Mono) स्वयं-होस्ट किए गए हैं, प्रत्येक लिपि-प्रणाली के अनुसार सबसेट किए गए हैं। कोई Google Fonts या कोई अन्य तृतीय-पक्ष फ़ॉन्ट अनुरोध नहीं।

यह किससे संपर्क करता है

api.drand.sh, League of Entropy का सार्वजनिक यादृच्छिकता बीकन। कोई कुंजी नहीं, केवल पठन।
api.open-meteo.com, फ़ुटर और Tre कमरे में ओस्लो और बाली के लाइव तापमान के लिए। कोई कुंजी नहीं, केवल पठन।
और कुछ नहीं। कोई एनालिटिक्स नहीं, कोई ट्रैकिंग पिक्सेल नहीं, कोई विज्ञापन नेटवर्क नहीं, कोई कुकी बैनर नहीं, क्योंकि प्रबंधित करने के लिए कोई कुकी है ही नहीं। यह वाक्य लिखने से पहले पूरे सोर्स ट्री में सामान्य नामों की जांच करके पुष्टि की गई, मान लिया नहीं गया।

यह कैसे रेंडर होता है

हर Estate पृष्ठ और हर कमरा, किसी क्रॉलर या धीमे कनेक्शन के एक भी लाइन JavaScript चलाने से पहले, प्रत्येक रूट और प्रत्येक भाषा के अनुसार वास्तविक स्टैटिक HTML में पूर्व-रेंडर किया जाता है। इसके बाद इंटरैक्टिव परत नीचे बिना किसी बदलाव के शुरू होती है, उस विज़िटर के लिए जिसका ब्राउज़र इसे चला सके।

हर कमरे का वज़न कितना है

Gzip-संपीड़ित JavaScript, हर कमरे का अपना कोड-स्प्लिट खंड। एक विज़िटर Estate शेल की लागत एक बार चुकाता है, फिर केवल उन कमरों की जिन्हें वह वास्तव में खोलता है, CONSTELLATION-SCAFFOLD के कोड-स्प्लिट नियम के अनुसार।

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.

किसी कमरे को छूने वाले अंतिम बिल्ड पर मापा गया, लाइव प्राप्त नहीं किया गया।

इसकी लागत कितनी है

अभी, कुछ भी नहीं, क्योंकि यह अभी लाइव नहीं है। यह एक स्टेजिंग रिपॉज़िटरी (buge4/bjornvhauge-com) है, कोई डोमेन नहीं। जब यह लाइव होगा, तो ईमानदार अनुमान सामान्य परिचालन लागत में 0 डॉलर का है: CDN पर स्टैटिक फ़ाइलें, कोई सर्वर प्रोसेस नहीं, कोई डेटाबेस नहीं, ऊपर दिए गए स्टैक में कहीं भी कोई भुगतान वाली API कुंजी नहीं। यदि यह बदलता है, तो यह कमरा भी उसके साथ बदलेगा, इसके उलट नहीं।