Integrar frameworks web con Hosting

Firebase Hosting se integra con marcos web modernos y populares, incluidos Angular y Next.js. Al utilizar Firebase Hosting y Cloud Functions para Firebase con estos marcos, puede desarrollar aplicaciones y microservicios en su entorno de marco preferido y luego implementarlos en un entorno de servidor seguro y administrado.

El soporte durante esta versión preliminar incluye la siguiente funcionalidad:

  • Implementar aplicaciones web compuestas de contenido web estático
  • Implementar aplicaciones web que utilicen renderizado previo/generación de sitios estáticos (SSG)
  • Implemente aplicaciones web que utilicen renderizado del lado del servidor (SSR): renderizado completo del servidor bajo demanda

Firebase proporciona esta funcionalidad a través de Firebase CLI. Al inicializar Hosting en la línea de comando, proporciona información sobre su proyecto web nuevo o existente, y la CLI configura los recursos adecuados para el marco web elegido.

Antes de que empieces

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

  • Firebase CLI versión 12.1.0 o posterior. Asegúrese de instalar la CLI utilizando su método preferido.
  • Opcional: Facturación habilitada en tu proyecto de Firebase (obligatorio si planeas usar SSR)

Servir localmente

Puede probar su integración localmente siguiendo estos pasos:

  1. Ejecute firebase emulators:start desde la terminal. Esto crea su aplicación y la entrega mediante Firebase CLI.
  2. Abra su aplicación web en la URL local devuelta por la CLI (normalmente http://localhost:5000).

Implementa tu aplicación en Firebase Hosting

Cuando esté listo para compartir sus cambios con el mundo, implemente su aplicación en su sitio en vivo:

  1. Ejecute firebase deploy desde la terminal.
  2. Consulte su sitio web en: SITE_ID.web.app o PROJECT_ID.web.app (o su dominio personalizado, si configuró uno).

Próximos pasos

Consulte la guía detallada de su marco preferido: