Publicación
Compila, configura los metadatos y despliega Acme Deploys.
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 reconciliationtext 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.
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/:
Añadido: /* /index.html 200Netlify 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.
Abrir la consola
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 preguntasResponde todas las preguntas para completar el capítulo.