הפצה
בנייה, הגדרת מטא-נתונים ופריסת 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
יש להגדיר את כותרת כרטיסיית הדפדפן ב-layout הראשי. דפים יכולים לדרוס אותה.
נוסף: export const metadata = { title: "Deployments" }; // → "Deployments · Acme"אירוח סטטי
ללא מטפלי נתיב, תוצר הבנייה הוא אתר סטטי רגיל. כל נתיב סטטי מקבל קובץ HTML משלו. נתיבים דינמיים כגון /deployments/[id] מוגשים באמצעות index.html.
ב-Vercel וב-Cloudflare Pages, הפקודה text build מזהה את הפלטפורמה וכותבת בעצמה את הגדרת נתיב הגיבוי. שירותי אירוח סטטיים אחרים זקוקים לכלל שכתוב. ב-Netlify, יש להוסיף קובץ _redirects לתיקייה public/:
נוסף: /* /index.html 200Netlify מגיש קבצים קיימים לפני החלת הכלל, כך שנכסים ונתיבים שרונדרו מראש אינם מושפעים.
לפני הפריסה
- יש לכבות את האפשרות שמירת היומן בהגדרות המסוף. היא צריכה להיות כבויה גם אצל המשתמשים.
- יש לבדוק גדלים צרים כגון 80×24. כאשר DevTools מעוגן בצד, מתקבלת רשת צרה.
- יש להריץ את
bun test.
לפריסה, יש ללחוץ על Enter במסוף. לאחר מכן יש לקבל את התעודה.
התנסות
זו Acme Deploys בסוף הפרק, רצה ב-DevTools. יש ללחוץ על המשטח, ואז להשתמש במקשים שלמטה.
פתיחת המסוף
האפליקציה מרונדרת ב-DevTools.תחילה יש להפעיל את "הצגת תכונות למפתחי אתרים" בהגדרות Safari → מתקדם. אחר כך ללחוץ כאן וללחוץ על Enter.
פתיחה במחשב
האפליקציה הזו מרונדרת במסוף של DevTools, שדורש דפדפן במחשב.
בוחן
2 שאלותלהשלמת הפרק, יש לענות על כל השאלות.