Não faz muito tempo, escrevi um post intitulado "  " Nesse post, prometi mostrar a você como implantar seu projeto no Firebase e usá-lo gratuitamente. Estou cumprindo minha promessa!    . Como melhorar as pontuações de desempenho do site de 35 a 100  O que é Firebase?  Provavelmente, alguns de vocês ainda não estão familiarizados com o Firebase, então deixe-me explicar brevemente o que é.  é uma plataforma de desenvolvimento de aplicativos móveis e da Web que fornece um conjunto de ferramentas e serviços para ajudar os desenvolvedores a criar e dimensionar seus aplicativos com mais facilidade.   Firebase  Ele oferece recursos como banco de dados em tempo real, autenticação, hospedagem, armazenamento em nuvem e muito mais. O Firebase também fornece infraestrutura e funcionalidades de back-end, permitindo que os desenvolvedores se concentrem na criação de seus aplicativos sem se preocupar com o gerenciamento do servidor ou com a configuração complexa da infraestrutura.  No geral, o Firebase simplifica o processo de desenvolvimento e permite que os desenvolvedores criem aplicativos de alta qualidade rapidamente.  Hoje, usaremos o recurso 'Hosting' para armazenar nosso projeto Next.JS. Neste exemplo, mostrarei como hospedar a versão estática do seu projeto. A primeira coisa que você precisa fazer é registrar uma conta.  Como registrar uma conta no Firebase  Para registrar uma conta no Firebase, abra  e clique em "Começar".     , https://firebase.google.com/  Depois, você precisa criar uma conta do Google ou usar uma já existente. Depois de concluir a primeira etapa, você chegará ao painel de controle do Firebase. O próximo passo é criar um projeto.  Como criar um projeto no Firebase  Para criar um projeto, você tem que fazer 3 passos simples:  Clique em "Adicionar projeto" e dê um nome a ele na nova janela.   Ative ou desative a funcionalidade do Google Analytics para o projeto e clique em "Criar projeto"   Após alguns minutos, seu projeto será criado.  Como usar o Firebase gratuitamente  Depois de criar um projeto, você poderá vê-lo em seu painel. Por padrão, você estará no   . Se não estiver, você precisa mudar para o   . Plano Spark Plano Spark  O   é um   . Tem algumas limitações, mas é mais do que suficiente para iniciar o seu projeto, principalmente se pretende utilizá-lo como plataforma de alojamento do seu site estático.  Plano Spark plano gratuito sem custos mensais  Para ver a descrição completa do plano, visite este  .   link  Hora de configurar a hospedagem do Firebase.  Como configurar a hospedagem Firebase  Configurar a hospedagem do Firebase também é bastante simples. Faça login em sua conta e selecione seu projeto. Em seguida, no menu à esquerda, clique em "Criar" e selecione "Hospedagem" no menu suspenso.   Na nova janela, você verá uma tela de boas-vindas. Clique em "Começar".   Para hospedar seu projeto, você precisa primeiro configurar o Firebase CLI.  Abra a janela do terminal e digite o seguinte comando:   npm install -g firebase-tools  Quando a configuração estiver concluída, digite o seguinte no seu terminal:   firebase login  Ele irá levá-lo para a tela de login para autorizar o acesso.  A próxima etapa é navegar até a pasta do projeto dentro da janela do terminal, onde você armazenou seu site estático.  Execute o seguinte comando:   firebase init  Se você fez tudo corretamente, deverá ver o seguinte na janela do seu terminal.  Na lista de opções, selecione "Hosting: Configure files for Firebase Hosting and (opcionalmente) set up GitHub Action deploys". Use as setas do teclado para navegar,   para selecionar e pressione Enter.  pressione espaço  Em seguida, selecione uma conta na lista e pressione enter.  Como já temos um projeto, selecione "Usar um projeto existente" na lista e escolha o projeto que você criou na etapa anterior.   Por padrão, o diretório público é definido como "público". Se você quiser especificar outro diretório, poderá fazê-lo na próxima etapa. Por exemplo, meu projeto Next.js produz uma versão estática do site no diretório 'out', então eu o especifico nesta etapa.   As duas últimas questões de configuração serão sobre as configurações do seu site.  "Configurar como um aplicativo de página única (reescrever todos os URLs para /index.html)" -  Sim  "Configurar builds e implantações automáticas com o GitHub?" -  Não  Terminamos a configuração. Agora é hora de implantar nosso projeto no Firebase.  Como implantar o site no Firebase  Depois de concluir todas as configurações, você pode implantar seu site na hospedagem Firebase.  Na janela do terminal, dentro do diretório do seu projeto, digite o seguinte comando:   firebase deploy --only hosting  Se tudo correr bem, você verá as URLs que você pode usar para acessar seu site.  Espero que você tenha achado este artigo útil! No próximo, mostrarei como configurar um nome de domínio personalizado para seu projeto Firebase.  Fique atento!   Também publicado  aqui

Read My Blog

Support my work

Este áudio é produzido no idioma original da história!

Implantando um site no Firebase e usando-o gratuitamente: um guia

About Author

COMENTARIOS

Rótulos

ESTE ARTIGO FOI APRESENTADO EM

Related Stories

Liberando o poder da IA. Uma revisão sistemática de técnicas de ponta: resumo e introdução

State of the Noonion: Green Clock Strikes Noon

Quer ganhar um concurso de redação do HackerNoon? Aqui está o que os vencedores do concurso #crypto-api recomendam

O guia completo para uma migração bem-sucedida para a nuvem: estratégias e práticas recomendadas

Liberando o poder da IA. Uma revisão sistemática de técnicas de ponta: resumo e introdução

State of the Noonion: Green Clock Strikes Noon

Quer ganhar um concurso de redação do HackerNoon? Aqui está o que os vencedores do concurso #crypto-api recomendam

O guia completo para uma migração bem-sucedida para a nuvem: estratégias e práticas recomendadas

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps