O Firebase vai estar no Google I/O em 10 de maio! Inscreva-se agora

Integrar frameworks da Web com o Hosting

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O Firebase Hosting se integra a frameworks da Web modernos e conhecidos, incluindo o Angular e o Next.js. Ao usar o Firebase Hosting e o Cloud Functions para Firebase com esses frameworks, é possível desenvolver apps e microsserviços no seu ambiente de framework preferido e implantá-los em um ambiente de servidor gerenciado e seguro. O suporte durante o pré-lançamento antecipado inclui as seguintes funcionalidades:

  • Implantar apps da Web compostos por conteúdo estático da Web
  • Implantar apps da Web que usem a pré-renderização ou a geração de sites estáticos (SSG, na sigla em inglês)
  • Implantar apps da Web que usem a renderização do lado do servidor (SSR, na sigla em inglês), um recurso sob demanda de renderização completa de servidores

O Firebase oferece essa funcionalidade pela CLI do Firebase. Ao inicializar o Hosting na linha de comando, você fornece informações sobre o projeto novo ou que já existe da Web, e a CLI configura os recursos certos para o framework da Web escolhido.

Pré-requisitos

  • CLI do Firebase versão 11.14.2 ou mais recente. Instale a CLI usando seu método preferido.
  • Opcional: ative o faturamento no seu projeto do Firebase (obrigatório se você planeja usar a SSR).

Disponibilizar localmente

Teste sua integração localmente seguindo estas etapas:

  1. Execute firebase emulators:start no terminal. Isso cria o app e o disponibiliza usando a CLI do Firebase.
  2. Abra o app da Web no URL local retornado pela CLI (geralmente http://localhost:5000).

Implantar o app no Firebase Hosting

Quando estiver tudo pronto para compartilhar as mudanças com o mundo, implante o app no site ativo:

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

Próximas etapas

Consulte o guia detalhado para sua estrutura preferida: