Yayımlama

Acme Deploys’u derleyin, meta verilerini ayarlayın ve dağıtın.

Bu bölümün uygulaması konsolunuzda çalışıyor. ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C ile açın (önce geliştirici özelliklerini açın), ardından deneyin.
Bölümü izle3:04

Bu bölümde

  • Derleme
  • Metadata
  • Statik barındırma
  • Dağıtımdan önce

text build statik bir istemci ve rota işleyicileriniz varsa text start için bir sunucu üretir.

Derleme

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 derlemeyi sunar ve rota işleyicilerinizi çalıştırır. Bun 1.2+ veya Node.js 22+ bulunan her sunucuda çalışır.

Metadata

Tarayıcı sekmesinin başlığını kök layout içinde ayarlayın. Sayfalar bu başlığı geçersiz kılabilir.

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

Statik barındırma

Rota işleyicileri olmadığında derleme düz bir statik sitedir. Her statik rotanın kendi HTML dosyası vardır. /deployments/[id] gibi dinamik rotalar index.html dosyasıyla sunulur.

Vercel ve Cloudflare Pages üzerinde text build platformu algılar ve bu yedek yönlendirmeyi kendisi yazar. Diğer statik barındırma hizmetleri bir yeniden yazma kuralı gerektirir. Netlify’da public/ dizinine bir _redirects dosyası ekleyin:

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

Netlify, kuralı uygulamadan önce mevcut dosyaları sunar; bu nedenle varlıklar ve ön render edilmiş rotalar etkilenmez.

Dağıtımdan önce

  • Konsol ayarlarınızda Günlüğü sakla seçeneğini kapatın. Kullanıcılarınızın da bu seçeneği kapatması gerekir.
  • 80×24 gibi dar boyutlarda test edin. DevTools yana sabitlendiğinde dar bir ızgara oluşur.
  • bun test komutunu çalıştırın.

Dağıtmak için konsolda Enter tuşuna basın. Ardından sertifikanızı alın.

Dene

Bu, Acme Deploys uygulamasının bölüm sonundaki hâli; DevTools’ta çalışıyor. Odak alanına tıklayın, ardından aşağıdaki tuşları kullanın.

▼ 10 · Yayımlama

Konsolu açın

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

Uygulama DevTools’ta render edilir.Önce Safari Ayarlar → İleri Düzey bölümünde “Web geliştiricileri için özellikleri göster” seçeneğini açın. Sonra buraya tıklayın ve Enter tuşuna basın.

Masaüstünde açın

Bu uygulama DevTools konsolunda render edilir; bunun için masaüstü tarayıcısı gerekir.

Test

2 soru

Bölümü tamamlamak için tüm soruları yanıtlayın.

Statik bir barındırma hizmeti dinamik rotalar için neye ihtiyaç duyar?

 

Hangi konsol ayarı kapalı olmalı?