रिलीज़ करना
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 सवालअध्याय पूरा करने के लिए हर सवाल का जवाब दें।