公開
ビルドし、メタデータを設定して、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
ルートレイアウトでブラウザーのタブタイトルを設定します。各ページで上書きできます。
追加：export const metadata = { title: "Deployments" }; // → "Deployments · Acme"静的ホスティング
ルートハンドラーがなければ、ビルドは通常の静的サイトです。静的ルートごとに専用のHTMLファイルが生成されます。/deployments/[id] などの動的ルートは index.html で配信されます。
VercelとCloudflare Pagesでは、text build がプラットフォームを検出し、そのフォールバック設定を自動で書き込みます。他の静的ホストではリライトが必要です。Netlifyでは、public/ に _redirects ファイルを追加します。
追加：/* /index.html 200Netlifyはルールを適用する前に既存のファイルを配信するため、アセットとプリレンダリング済みのルートには影響しません。
出荷前の確認
- コンソールの設定で「ログを保持」をオフにします。ユーザーもオフにする必要があります。
- 80×24などの狭いサイズでテストします。DevToolsを横にドッキングすると、グリッドが狭くなります。
bun testを実行します。
コンソールで Enter を押して出荷します。その後、証明書を受け取ります。
試す
これは章の終わりに完成するAcme Deploysで、DevToolsで動作しています。パッドをクリックして、以下のキーを使います。
コンソールを開く
アプリはDevToolsに描画されます。まずSafariの「設定」→「詳細」で「Webデベロッパ用の機能を表示」をオンにします。 次にここをクリックして、Enterを押します。
デスクトップで開く
このアプリはDevToolsのコンソールに描画されるため、デスクトップブラウザーが必要です。
クイズ
2問すべての問題に回答すると章を完了できます。