Выпуск

Соберите, задайте метаданные и разверните 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

Задайте заголовок вкладки браузера в корневом макете. Страницы могут его переопределять.

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 вопроса

Ответьте на все вопросы, чтобы завершить главу.

Что нужно статическому хостингу для динамических маршрутов?

 

Какая настройка консоли должна быть отключена?