ریلیز

بلڈ کریں، میٹا ڈیٹا سیٹ کریں اور ⁦Acme Deploys⁩ ڈیپلائے کریں۔

اس باب کی ایپ آپ کے کونسول میں چل رہی ہے۔ اسے ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C سے کھولیں (پہلے ڈیولپر فیچرز فعال کریں)، پھر اسے آزمائیں۔
باب دیکھیں3:04

اس باب میں

  • بلڈ
  • 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 reconciliation

text start بلڈ سَرو کرتا ہے اور آپ کے روٹ ہینڈلرز چلاتا ہے۔ یہ ⁦Bun 1.2+⁩ یا ⁦Node.js 22+⁩ والے کسی بھی ہوسٹ پر چلتا ہے۔

Metadata

روٹ لے آؤٹ میں براؤزر ٹیب کا عنوان سیٹ کریں۔ صفحات اسے اوور رائیڈ کر سکتے ہیں۔

app/deployments/page.tsx+1tsx
شامل کردہ: export const metadata = { title: "Deployments" }; // → "Deployments · Acme"

اسٹیٹک ہوسٹنگ

روٹ ہینڈلرز کے بغیر بلڈ ایک عام اسٹیٹک سائٹ ہے۔ ہر اسٹیٹک روٹ کی اپنی HTML فائل ہوتی ہے۔ /deployments/[id] جیسے ڈائنامک روٹس کو index.html فائل سَرو کرتی ہے۔

⁦Vercel⁩ اور ⁦Cloudflare Pages⁩ پر text build پلیٹ فارم کی شناخت کرکے یہ فال بیک خود لکھتا ہے۔ دیگر اسٹیٹک ہوسٹس کو ری رائٹ درکار ہوتا ہے۔ Netlify پر public/ ڈائریکٹری میں _redirects فائل شامل کریں:

public/_redirects+1text
شامل کردہ: /*  /index.html  200

⁦Netlify⁩ یہ اصول لاگو کرنے سے پہلے موجود فائلیں سَرو کرتا ہے، اس لیے اثاثے اور پری رینڈر شدہ روٹس متاثر نہیں ہوتے۔

شپ کرنے سے پہلے

  • اپنے کونسول کی ترتیبات میں لاگ برقرار رکھیں بند کریں۔ آپ کے صارفین کو بھی اسے بند رکھنا ہوگا۔
  • ⁦80×24⁩ جیسے کم چوڑائی والے سائز ٹیسٹ کریں۔ سائیڈ پر ڈاک کیے گئے DevTools میں گرڈ کی چوڑائی کم ہوتی ہے۔
  • bun test چلائیں۔

شپ کرنے کے لیے کونسول میں Enter دبائیں۔ پھر اپنا سرٹیفکیٹ حاصل کریں۔

آزمائیں

یہ باب کے اختتام پر Acme Deploys ہے، جو DevTools میں چل رہی ہے۔ پیڈ پر کلک کریں، پھر نیچے دی گئی کلیدیں استعمال کریں۔

▼ 10 · ریلیز

کونسول کھولیں

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

ایپ DevTools میں رینڈر ہوتی ہے۔پہلے Safari کی ترتیبات → ایڈوانسڈ میں “ویب ڈیولپرز کے لیے فیچرز دکھائیں” آن کریں۔ پھر یہاں کلک کریں اور ⁦Enter⁩ دبائیں۔

ڈیسک ٹاپ پر کھولیں

یہ ایپ DevTools کونسول میں رینڈر ہوتی ہے، جس کے لیے ڈیسک ٹاپ براؤزر چاہیے۔

کوئز

2 سوالات

باب مکمل کرنے کے لیے ہر سوال کا جواب دیں۔

ڈائنامک روٹس کے لیے اسٹیٹک ہوسٹ کو کیا چاہیے؟

 

کونسول کی کون سی ترتیب بند ہونی چاہیے؟