Yayımlama
Acme Deploys’u derleyin, meta verilerini ayarlayın ve dağıtın.
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 reconciliationtext 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.
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:
Eklenen: /* /index.html 200Netlify, 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 testkomutunu ç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.
Konsolu açın
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 soruBölümü tamamlamak için tüm soruları yanıtlayın.