Integre frameworks web com hospedagem

O Firebase Hosting se integra a estruturas da web modernas e populares, incluindo Angular e Next.js. Usando o Firebase Hosting e o Cloud Functions for Firebase com essas estruturas, você pode desenvolver aplicativos e microsserviços no ambiente de estrutura de sua preferência e, em seguida, implantá-los em um ambiente de servidor gerenciado e seguro.

O suporte durante esta versão prévia inclui as seguintes funcionalidades:

  • Implante aplicativos da Web compostos por conteúdo da Web estático
  • Implantar aplicativos Web que usam pré-renderização/geração de site estático (SSG)
  • Implante aplicativos Web que usam renderização no lado do servidor (SSR) — renderização completa do servidor sob demanda

O Firebase fornece essa funcionalidade por meio da CLI do Firebase. Ao inicializar o Hosting na linha de comando, você fornece informações sobre seu projeto Web novo ou existente, e a CLI configura os recursos certos para a estrutura Web escolhida.

Antes de você começar

Antes de começar a implantar seu aplicativo no Firebase, revise os seguintes requisitos e opções:

  • CLI do Firebase versão 12.1.0 ou posterior. Certifique-se de instalar a CLI usando seu método preferido.
  • Opcional: faturamento ativado no seu projeto do Firebase (obrigatório se você planeja usar SSR)

Sirva localmente

Você pode testar sua integração localmente seguindo estas etapas:

  1. Execute firebase emulators:start no terminal. Isso cria seu aplicativo e o veicula usando a CLI do Firebase.
  2. Abra seu aplicativo Web na URL local retornada pela CLI (geralmente http://localhost:5000).

Implante seu aplicativo no Firebase Hosting

Quando estiver pronto para compartilhar suas alterações com o mundo, implante seu aplicativo em seu site ativo:

  1. Execute firebase deploy no terminal.
  2. Verifique seu site em: SITE_ID.web.app ou PROJECT_ID.web.app (ou seu domínio personalizado, se você configurar um).

Próximos passos

Consulte o guia detalhado para sua estrutura preferida: