یہ سائٹ کیسے بنی ہے

یہ ایک کولوفون ہے — اس بارے میں ایک نوٹ کہ جو چیز آپ پڑھ رہے ہیں وہ کیسے بنی۔ یہ ممکنہ حد تک سادہ ترین پوسٹ بھی ہے: سادہ نثر، کوئی چارٹ نہیں، کوئی کسٹم کمپوننٹ نہیں، محض یہ ثابت کرنے کے لیے کہ تحریر کا راستہ سرے سے آخر تک کام کرتا ہے۔

اسٹیک

یہ سائٹ app router پر بنی ایک Next.js ایپ ہے، جو static export کے طور پر تعمیر کی گئی ہے۔ درخواست کے وقت کوئی سرور نہیں ہوتا: next build ہر ڈیٹا لوڈر کو ایک بار چلاتا ہے، سادہ HTML کو _site/ میں لکھتا ہے، اور وہی فولڈر پوری ویب سائٹ ہے۔ آپ جس بھی صفحے پر پہنچتے ہیں وہ پہلے سے رینڈر ہو کر ایک فائل کے طور پر آپ کے حوالے کیا گیا تھا۔ اسٹائلنگ Tailwind CSS ہے، جس میں ٹائپوگرافک ڈیفالٹس کو ایک ٹوکن-تھیمڈ نثری اسٹائل سے بدل دیا گیا ہے تاکہ اِس جیسا مضمون بھی باقی سائٹ جیسی ہی پیلیٹ ورثے میں پائے۔

ظاہری شکل

بصری نظام کو "the instrumented studio" کہا جاتا ہے، اور یہ چند مقررہ اقدار پر منحصر ہے۔ متن اور ڈارک-موڈ کی بنیاد ایک پیٹرول اِنک ہے، #10242E؛ ہلکی بنیاد ایک ٹھنڈی ڈرافٹنگ آف-وائٹ ہے، #F4F6F7۔ تین ایکسنٹس میں سے ہر ایک ایک ہی معنی رکھتا ہے اور کبھی آرائشی طور پر استعمال نہیں ہوتا: لِنکس اور کسی بھی زندہ چیز کے لیے عنبری، صرف ثبوت-کے-ساتھ-شپ شدہ حالتوں کے لیے سبز، اور صرف ایجنٹ سے متعلق ٹیگز کے لیے بنفشی۔ ڈارک موڈ کو ہلکے موڈ سے اُلٹا کرنے کے بجائے اُنہی بنیادوں کے مقابلے میں ڈیزائن کیا گیا ہے۔

باقی کام ٹائپ (رسم الخط) کرتا ہے۔ سرخیاں Bricolage Grotesque میں سیٹ ہیں، متن IBM Plex Sans میں، اور ہر عدد، لیبل، اور ٹائم اسٹیمپ IBM Plex Mono میں ٹیبلر ہندسوں کے ساتھ تاکہ کالم قطار میں رہیں۔ تینوں بلڈ کے وقت خود-میزبان (self-hosted) ہیں، لہٰذا جب آپ آتے ہیں تو کسی فونٹ CDN سے کچھ حاصل نہیں کیا جاتا۔

زبانیں

یہ سائٹ تین لوکیلز میں شپ ہوتی ہے — انگریزی، سادہ چینی، اور اردو — اور جو روٹنگ اِن کے درمیان انتخاب کرتی ہے وہ کوئی حالت محفوظ نہیں رکھتی۔ لوکیل مکمل طور پر URL میں رہتا ہے: /en/، /zh-Hans/، /ur/۔ کسی پری فکسڈ URL پر جانا اسی زبان کو رینڈر کرتا ہے، بس، تاکہ شیئر کیا گیا لِنک ہمیشہ وہی دکھائے جو بھیجنے والے نے دیکھا۔ سادہ / ایک حقیقی، اِنڈیکس-ایبل انگریزی صفحہ ہے جو آپ کے براؤزر کی زبانوں سے صرف ایک نرم ری ڈائریکٹ پیش کرنے کے لیے مذاکرات کرتا ہے۔ کوئی لوکیل کوکی نہیں اور لوکل اسٹوریج میں کچھ نہیں۔ اردو دائیں سے بائیں ہے؛ لے آؤٹ منطقی خصوصیات (logical properties) کے ساتھ لکھا گیا ہے تاکہ یہ درست طور پر آئینہ ہو، جبکہ ڈیٹا ویژولائزیشنز بائیں سے دائیں طے شدہ رہتی ہیں۔

یہی پوری مشین ہے: پہلے سے رینڈر شدہ HTML، ایماندار ٹوکنز کا ایک چھوٹا سیٹ، اور ایک URL جس کا مطلب بالکل وہی ہے جو یہ کہتا ہے۔ اگلی پوسٹ اسے کام میں لاتی ہے۔