Publikacja

Zbuduj, ustaw metadane i wdróż Acme Deploys.

Aplikacja z tego rozdziału działa w twojej konsoli. Otwórz ją skrótem ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (najpierw włącz funkcje programistyczne), a potem wypróbuj ją.
Obejrzyj rozdział3:04

W tym rozdziale

  • Budowanie
  • Metadata
  • Hosting statyczny
  • Przed wdrożeniem

text build tworzy statycznego klienta oraz, jeśli masz handlery tras, serwer dla text start.

Budowanie

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 udostępnia zbudowaną aplikację i uruchamia twoje handlery tras. Działa na dowolnym hoście z Bun 1.2+ lub Node.js 22+.

Metadata

Ustaw tytuł karty przeglądarki w głównym layoucie. Strony mogą go nadpisać.

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

Hosting statyczny

Bez handlerów tras zbudowana aplikacja jest zwykłą statyczną witryną. Każda statyczna trasa otrzymuje własny plik HTML. Trasy dynamiczne, takie jak /deployments/[id], są obsługiwane przez index.html.

Na platformach Vercel i Cloudflare Pages polecenie text build wykrywa platformę i samo zapisuje regułę zastępczą. Inne hostingi statyczne wymagają reguły przepisywania adresów. Na platformie Netlify dodaj plik _redirects do public/:

public/_redirects+1text
Dodano: /*  /index.html  200

Netlify udostępnia istniejące pliki przed zastosowaniem reguły, więc nie wpływa ona na zasoby ani trasy po prerenderowaniu.

Przed wdrożeniem

  • Wyłącz opcję Zachowaj dziennik w ustawieniach konsoli. Twoi użytkownicy też muszą ją wyłączyć.
  • Przetestuj wąskie rozmiary, takie jak 80×24. DevTools zadokowane z boku daje wąską siatkę.
  • Uruchom bun test.

Naciśnij Enter w konsoli, aby wdrożyć aplikację. Potem odbierz certyfikat.

Wypróbuj

To Acme Deploys na końcu rozdziału, uruchomiona w DevTools. Kliknij panel, a potem użyj poniższych klawiszy.

▼ 10 · Publikacja

Otwórz konsolę

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

Aplikacja renderuje się w DevTools.Najpierw włącz „Pokazuj funkcje dla deweloperów witryn” w Safari: Ustawienia → Zaawansowane. Potem kliknij tutaj i naciśnij Enter.

Otwórz na komputerze

Ta aplikacja renderuje się w konsoli DevTools, która wymaga przeglądarki na komputerze.

Quiz

2 pytania

Odpowiedz na wszystkie pytania, aby ukończyć rozdział.

Czego wymaga hosting statyczny dla tras dynamicznych?

 

Które ustawienie konsoli powinno być wyłączone?