הפצה

בנייה, הגדרת מטא-נתונים ופריסת ⁦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

יש להגדיר את כותרת כרטיסיית הדפדפן ב-layout הראשי. דפים יכולים לדרוס אותה.

app/deployments/page.tsx+1tsx
נוסף: export const metadata = { title: "Deployments" }; // → "Deployments · Acme"

אירוח סטטי

ללא מטפלי נתיב, תוצר הבנייה הוא אתר סטטי רגיל. כל נתיב סטטי מקבל קובץ HTML משלו. נתיבים דינמיים כגון /deployments/[id] מוגשים באמצעות index.html.

ב-Vercel וב-⁦Cloudflare Pages⁩, הפקודה text build מזהה את הפלטפורמה וכותבת בעצמה את הגדרת נתיב הגיבוי. שירותי אירוח סטטיים אחרים זקוקים לכלל שכתוב. ב-Netlify, יש להוסיף קובץ _redirects לתיקייה public/:

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 שאלות

להשלמת הפרק, יש לענות על כל השאלות.

מה נדרש בשירות אחסון סטטי עבור נתיבים דינמיים?

 

איזו הגדרת מסוף צריכה להיות כבויה?