रिलीज़ करना

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 सवाल

अध्याय पूरा करने के लिए हर सवाल का जवाब दें।

डायनामिक रूट के लिए स्टैटिक होस्ट को क्या चाहिए?

 

कंसोल की कौन-सी सेटिंग बंद होनी चाहिए?