Integra los frameworks web en Hosting

Firebase Hosting se integra en frameworks web modernos y populares, incluido Angular y Next.js. Se usan Firebase Hosting y Cloud Functions for Firebase con estas de desarrollo, puedes desarrollar apps y microservicios en tu entorno 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 la CLI de Firebase. Durante la inicialización Hosting en la línea de comandos, debes proporcionar información sobre tu app nueva o existente. en el proyecto web y la CLI configuran los recursos adecuados para la versión web en un framework de aplicaciones.

Antes de comenzar

Antes de comenzar a implementar tu app en Firebase, revisa los siguientes requisitos y opciones:

  • Versión 12.1.0 o posterior de la CLI de Firebase. Asegúrate de Instalar la CLI con tu método preferido.
  • 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:

  1. Ejecuta firebase emulators:start desde la terminal. Esto compila tu app y la entrega con la CLI de Firebase.
  2. 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:

  1. Ejecuta firebase deploy desde la terminal.
  2. 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: