Publikacja
Zbuduj, ustaw metadane i wdróż Acme Deploys.
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 reconciliationtext 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ć.
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/:
Dodano: /* /index.html 200Netlify 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.
Otwórz konsolę
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 pytaniaOdpowiedz na wszystkie pytania, aby ukończyć rozdział.