Si compilas apps de Angular o Next.js procesadas por el servidor, consulta Firebase App Hosting de nueva generación, una solución de pila completa para frameworks web modernos.
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Firebase Hosting se integra en frameworks web modernos y populares, como Angular
y Next.js. Si usas Firebase Hosting y
Cloud Functions para Firebase con estos
frameworks, puedes desarrollar apps y microservicios en tu entorno de framework preferido
y, luego, implementarlos en un entorno de servidor seguro y administrado.
La compatibilidad durante esta versión preliminar anticipada incluye la siguiente funcionalidad:
Implementar aplicaciones web compuestas por contenido web estático
Implementar aplicaciones web que usen renderización previa o generación de sitios estáticos (SSG)
Implementar aplicaciones web que usen renderización del servidor (SSR), es decir, renderización completa del servidor a pedido
Firebase proporciona esta funcionalidad a través de Firebase CLI. Cuando inicializas
Hosting en la línea de comandos, proporcionas información sobre tu proyecto web nuevo o existente, y la CLI configura los recursos adecuados para el framework web
que elegiste.
Requisitos previos
Versión 11.14.2 o posterior de Firebase CLI. Asegúrate de
instalar la CLI
con el método que prefieras.
Opcional: Ten la facturación habilitada en tu proyecto de Firebase
(obligatoria si planeas usar SSR).
Entrega contenido a nivel local
Para probar la integración de forma local, sigue estos pasos:
Ejecuta firebase emulators:start desde la terminal. Esto compila tu app y
la entrega mediante Firebase CLI.
Abre tu aplicación web en la URL local que muestra la CLI (por lo general, http://localhost:5000).
Implementa tu app en Firebase Hosting
Cuando estés listo para compartir los cambios con el mundo, implementa la app en tu
sitio a través de los siguientes pasos:
Ejecuta firebase deploy desde la terminal.
Verifica tu sitio web en SITE_ID.web.app o PROJECT_ID.web.app (o en tu dominio personalizado si configuraste uno).
Próximos pasos
Consulta la guía detallada de tu framework preferido: