ریلیز
بلڈ کریں، میٹا ڈیٹا سیٹ کریں اور Acme Deploys ڈیپلائے کریں۔
اس باب میں
- بلڈ
- Metadata
- اسٹیٹک ہوسٹنگ
- شپ کرنے سے پہلے
text build ایک اسٹیٹک کلائنٹ بناتا ہے اور، اگر آپ کے پاس روٹ ہینڈلرز ہوں، تو text start کے لیے ایک سرور بھی بناتا ہے۔
بلڈ
bun run build ▼ Text.js 1.0.1 (Turbolog) Creating an optimized console production build... ✓ Compiled successfully in 0.8s ✓ Collecting route data ✓ Generating static console cells (3/4) ✓ Prerendering console shells (3/3) ✓ Prerendering curl frames (3/3) ✓ Finalizing console optimizationRoute (app) Type Target┌ ○ / Static console.log (%c)├ ○ /_not-found Static console.log (%c)├ ○ /deployments Static console.log (%c)├ ƒ /deployments/[id] Dynamic console.log (%c)├ ○ /settings Static console.log (%c)└ ƒ /api/deployments Dynamic Route Handler+ First Load JS shared by all 698.2 kB (241.6 kB gzip)○ (Static) prerendered as static console cellsƒ (Dynamic) on-demand console reconciliationtext start بلڈ سَرو کرتا ہے اور آپ کے روٹ ہینڈلرز چلاتا ہے۔ یہ Bun 1.2+ یا Node.js 22+ والے کسی بھی ہوسٹ پر چلتا ہے۔
Metadata
روٹ لے آؤٹ میں براؤزر ٹیب کا عنوان سیٹ کریں۔ صفحات اسے اوور رائیڈ کر سکتے ہیں۔
شامل کردہ: export const metadata = { title: "Deployments" }; // → "Deployments · Acme"اسٹیٹک ہوسٹنگ
روٹ ہینڈلرز کے بغیر بلڈ ایک عام اسٹیٹک سائٹ ہے۔ ہر اسٹیٹک روٹ کی اپنی HTML فائل ہوتی ہے۔ /deployments/[id] جیسے ڈائنامک روٹس کو index.html فائل سَرو کرتی ہے۔
Vercel اور Cloudflare Pages پر text build پلیٹ فارم کی شناخت کرکے یہ فال بیک خود لکھتا ہے۔ دیگر اسٹیٹک ہوسٹس کو ری رائٹ درکار ہوتا ہے۔ Netlify پر public/ ڈائریکٹری میں _redirects فائل شامل کریں:
شامل کردہ: /* /index.html 200Netlify یہ اصول لاگو کرنے سے پہلے موجود فائلیں سَرو کرتا ہے، اس لیے اثاثے اور پری رینڈر شدہ روٹس متاثر نہیں ہوتے۔
شپ کرنے سے پہلے
- اپنے کونسول کی ترتیبات میں لاگ برقرار رکھیں بند کریں۔ آپ کے صارفین کو بھی اسے بند رکھنا ہوگا۔
- 80×24 جیسے کم چوڑائی والے سائز ٹیسٹ کریں۔ سائیڈ پر ڈاک کیے گئے DevTools میں گرڈ کی چوڑائی کم ہوتی ہے۔
bun testچلائیں۔
شپ کرنے کے لیے کونسول میں Enter دبائیں۔ پھر اپنا سرٹیفکیٹ حاصل کریں۔
آزمائیں
یہ باب کے اختتام پر Acme Deploys ہے، جو DevTools میں چل رہی ہے۔ پیڈ پر کلک کریں، پھر نیچے دی گئی کلیدیں استعمال کریں۔
کونسول کھولیں
ایپ DevTools میں رینڈر ہوتی ہے۔پہلے Safari کی ترتیبات → ایڈوانسڈ میں “ویب ڈیولپرز کے لیے فیچرز دکھائیں” آن کریں۔ پھر یہاں کلک کریں اور Enter دبائیں۔
ڈیسک ٹاپ پر کھولیں
یہ ایپ DevTools کونسول میں رینڈر ہوتی ہے، جس کے لیے ڈیسک ٹاپ براؤزر چاہیے۔
کوئز
2 سوالاتباب مکمل کرنے کے لیے ہر سوال کا جواب دیں۔