Publicación

Compila, configura los metadatos y despliega Acme Deploys.

La app de este capítulo se está ejecutando en tu consola. Ábrela con ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (primero activa las funciones para desarrolladores) y luego pruébala.
Ver el capítulo3:04

En este capítulo

  • Compilación
  • Metadata
  • Alojamiento estático
  • Antes de desplegar

text build genera un cliente estático y, si tienes manejadores de ruta, un servidor para text start.

Compilación

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 sirve la compilación y ejecuta tus manejadores de ruta. Funciona en cualquier servidor con Bun 1.2+ o Node.js 22+.

Metadata

Define el título de la pestaña del navegador en el layout raíz. Las páginas pueden sobrescribirlo.

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

Alojamiento estático

Sin manejadores de ruta, la compilación es un sitio estático convencional. Cada ruta estática tiene su propio archivo HTML. Las rutas dinámicas como /deployments/[id] se sirven mediante index.html.

En Vercel y Cloudflare Pages, text build detecta la plataforma y escribe esa regla de respaldo automáticamente. Otros servicios de alojamiento estático necesitan una regla de reescritura. En Netlify, añade un archivo _redirects a public/:

public/_redirects+1text
Añadido: /*  /index.html  200

Netlify sirve los archivos existentes antes de aplicar la regla, por lo que los recursos y las rutas prerenderizadas no se ven afectados.

Antes de desplegar

  • Desactiva Conservar registro en la configuración de la consola. Tus usuarios también deben tenerlo desactivado.
  • Prueba tamaños estrechos como 80×24. DevTools acoplado al lateral genera una cuadrícula estrecha.
  • Ejecuta bun test.

Pulsa Enter en la consola para desplegar. Después, solicita tu certificado.

Probar

Esta es Acme Deploys al final del capítulo, ejecutándose en DevTools. Haz clic en el panel y usa las teclas de abajo.

▼ 10 · Publicación

Abrir la consola

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

La app se renderiza en DevTools.Primero activa «Mostrar funciones para desarrolladores web» en Configuración de Safari → Avanzado. Luego haz clic aquí y pulsa Enter.

Abrir en un equipo de escritorio

Esta app se renderiza en la consola de DevTools, que requiere un navegador de escritorio.

Cuestionario

2 preguntas

Responde todas las preguntas para completar el capítulo.

¿Qué necesita un alojamiento estático para las rutas dinámicas?

 

¿Qué ajuste de la consola debe estar desactivado?