Como hospedar um site super rápido de graça no Netlify

Você está pensando em hospedar seu site Jamstack no Netlify, mas ainda não sabe como fazer isso e o que observar? Aqui está um guia rápido para ajudá-lo.

Jamstack sites são super rápidos porque servem arquivos estáticos. Eles usam tão poucos recursos de CPU e servidor em geral que plataformas como Netlify podem oferecer hospedagem gratuita e de boa qualidade.

Netlify é um ambiente de computação em nuvem. Mas, ao contrário de outras plataformas de nuvem como AWS e Google Cloud, o Netlify é simples e fácil de usar. Sem tutoriais complicados e sem configurações longas.

O serviço Netlify visa tornar sua vida o mais fácil possível, combinando o melhor de diferentes mundos em um único serviço: computação em nuvem, Jamstack, repositórios Git e preços freemium.

Netlify e o Jamstack

A Netlify faz parte do movimento Jamstack há muito tempo e é uma das primeiras e melhores plataformas que contribuem para o crescimento desse moderno método de web design.

O movimento Jamstack combina JavaScript, APIs e Markup para criar uma metodologia de desenvolvimento front-end que se separa do back-end. Isso resulta em melhor desempenho do servidor, melhor segurança, dimensionamento mais fácil e custos de operação mais baratos.

O GitHub, por exemplo, inicialmente oferecia hospedagem na web para arquivos hospedados em sua plataforma, mas o serviço tinha seus limites. Em seguida, a Netlify levou a construção do código do site a partir de repositórios e a hospedagem de suas variantes estáticas a um nível totalmente novo. E isso criou uma indústria completamente nova com muitos benefícios.

Motivos para usar Netlify

Netlify significa muitas coisas porque faz muitas coisas. Ao combinar muitos recursos em um único serviço e automatizar o máximo possível, a plataforma oferece grandes benefícios para empresas de todos os tamanhos.

A seguir estão as principais vantagens que você pode obter da Netlify:

  • Fácil de usar – Netlify é uma das plataformas de hospedagem em nuvem mais fáceis de usar. Não há necessidade de ler tutoriais longos e confusos. Sem etapas de configuração complicadas a serem seguidas ou rotinas de manutenção ainda mais complicadas. Netlify simplesmente funciona.

    Além de tudo isso, o sistema oferece recursos de computação elástica como outros ambientes em nuvem. Isso garante que, quando chegar a hora, seu site ou serviço será dimensionado normalmente para lidar com picos de tráfego sem os gargalos usuais de back-end.
  • Rede de distribuição de conteúdo – Como parte de sua simplicidade e facilidade de uso, o serviço Netlify inclui uma rede de distribuição de conteúdo chamada Netlify Edge. Ele implanta suas páginas da Web em vários locais, para atendê-las o mais rápido possível aos visitantes próximos.

    A grande parte deste serviço é que você não precisa ajustar e configurar nenhuma configuração para obter os melhores resultados. Depois de implantar seu site, você atualiza todos os seus ativos e códigos da Web de uma só vez. Todos os caches são instantaneamente invalidados e atualizados em todo o mundo. E você também pode reverter seu site para versões anteriores de maneira fácil e instantânea.

    A Netlify gerencia a maior parte disso automaticamente para você. A única diferença está no número de serviços e pontos de presença que você obtém, pois o plano gratuito tem alguns limites.
  • Plano Gratuito – Netlify é uma plataforma de software como serviço freemium. Mas, ao contrário de outras plataformas de computação em nuvem, a conta gratuita é totalmente gratuita. Não é necessário cartão de crédito.

    Ainda assim, este plano gratuito inclui muitos recursos impressionantes. Como compilações automatizadas do Git, implantações de rede de borda, reversão instantânea para versões anteriores, visualizações ao vivo antes das implantações e funções sem servidor gratuitas.
  • Construções automatizadas – Você também recebe o Netlify Build gratuitamente. Este CI/CD (Integração Contínua/Implantação Contínua) facilita o gerenciamento dos desenvolvimentos e aprimoramentos do seu site. Ele reconstrói automaticamente a partir do seu repositório, cada vez que você envia novas atualizações para sua conta do Git.

    Tudo é totalmente automatizado e as visualizações estão disponíveis para que você saiba o que vai implantar. Você também pode configurar cada etapa do processo e as reversões para qualquer compilação anterior são fáceis.
  • Funções Netlify – Cada site que você implanta na plataforma Netlify vem com acesso a funções sem servidor que você pode usar para muitas coisas. Essas funções do Netlify são processos do lado do servidor que são executados em código JavaScript.

    Cada site recebe 125 mil invocações de graça e você só precisa pagar quando ultrapassar essa cota. Você pode usar as funções para manipular imagens, enviar e-mails, validar a entrada do usuário e até mesmo buscar dados de outros endpoints da API.
  • Formulários Automáticos – O Netlify facilita a integração de formulários em seu site estático e captura todos os envios sem codificação extensa ou outros problemas estressantes. Basta adicionar o atributo 'netlify' a qualquer um dos seus formulários, como … e é isso.

    Você pode então visualizar todos os envios em seu painel, com os formulários cuidadosamente organizados por nome. O sistema vem com um recurso anti-spam e a Netlify pode notificá-lo ainda mais por e-mail, Slack ou webhooks assim que houver um envio.

    Outras opções incluem encaminhar os formulários enviados para mais de 1,000 aplicativos usando a integração Zapier da Netlify.
  • NetlifyCMS – O aplicativo NetlifyCMS é um editor conveniente para qualquer site estático hospedado na plataforma Netlify por meio de um provedor Git como o GitHub. Ele pega todos os seus dados do repositório e cria uma interface de gerenciamento fácil de usar.

    NetlifyCMS é um aplicativo React de página única criado por uma comunidade de mais de 100 colaboradores. É amigável ao editor, oferece um fluxo de trabalho intuitivo, é totalmente gratuito e torna o gerenciamento de sites Jamstack divertido.
  • HTTPS grátis – Todas as contas de hospedagem Netlify incluem HTTPS grátis. Ou seja, certificados SSL (Secure Socket Layer) gratuitos.

Contas e preços

Netlify é um serviço de software freemium. Há um plano Starter totalmente gratuito, um plano Pro por US$ 19 por membro por mês, um plano Business por US$ 99 por membro por mês e um plano Enterprise com preços personalizados.

A coisa impressionante sobre o Netlify é que você pode fazer muito com seu plano inicial gratuito. Projetado para projetos pessoais, experimentos, sites de hobby e outras aventuras, o plano Starter inclui compilações automatizadas com 300 minutos gratuitos de compilação por mês.

Também inclui implantações de borda global, reversões instantâneas, NetlifyCMS, funções sem servidor, largura de banda de 100 GB por mês e até 100 envios de formulários gratuitos por site por mês. Além disso, você pode hospedar um número ilimitado de sites no plano Starter.

O plano Pro adiciona mais recursos, como sites protegidos por senha, funções em segundo plano, mais minutos de compilação e largura de banda, além de muito mais. Esses recursos adicionais aumentam à medida que você avança para os planos superiores.

Como hospedar um site grátis no Netlify

A Netlify supera outras empresas de computação em nuvem e hospedagem como AWS, Google Cloud e Azure pela simplicidade. Sim, eles têm mais infraestrutura, máquinas mais poderosas e data centers em todo o mundo, mas sua configuração pode ser chata.

Aqui está um processo de configuração passo a passo que mostra como é fácil hospedar um site Jamstack no Netlify.

1. Inscreva-se e faça login

Login Netlify

Seu primeiro passo é navegar para app.netlify.com e inscreva-se se não tiver. Você será recebido com cinco métodos de login diferentes, de GitHub para GitLab, bitbucket, E-mail e SSO.

Depois de se inscrever, você também precisará fazer login na sua conta de e-mail para encontrar o e-mail de confirmação da Netlify. Clique nele para verificar sua conta e entrar no sistema.

2. Adicionar um novo site

O aplicativo leva alguns segundos para carregar. Em seguida, você recebe um pequeno questionário que inclui coisas como o nome da sua equipe e assim por diante. Basta preencher tudo honestamente. Mas lembre-se que o plano gratuito inclui apenas um membro – você.

Depois de passar por esse estágio, você se encontrará no painel padrão. Clique em “New Site from Git” para hospedar um novo site. Ou você também pode arrastar e soltar uma pasta contendo seus arquivos estáticos na área marcada no painel e o Netlify fará o resto.

O clique no botão da etapa 2 acima abrirá uma nova janela que solicita que você vincule seu novo site ao GitHub ou a qualquer outro repositório Git, como GitLab e Bitbucket. Neste ponto, verifique se você possui uma conta Git registrada e se os arquivos do seu site já estão em um repositório.

4. Autorizar Netlify

Agora você só precisa dizer ao GitHub para permitir que o Netlify acesse sua conta do GitHub e tudo está resolvido.

5. Selecione seu Repositório

Cada site padrão da Netlify está vinculado a um único repositório. Selecione o que você deseja usar e siga em frente.

6. Defina as configurações de compilação

Você precisará prestar um pouco de atenção a esta página. Se você já tiver sites estáticos e não estiver usando nenhum pré-processador, poderá definir o diretório de publicação como “/”. E deixe o campo de comando de compilação vazio.

Se você estiver usando um gerador de site estático como Gatsby ou Next, por outro lado, o que você inserir aqui dependerá do gerador. Você pode conferir esta lista de configurações comuns, para saber o que inserir.

7. Construir e implantar

Quando tudo estiver definido, clique em “Deploy Site” e o Netlify executará todas as compilações necessárias e criará seu novo site brilhante. Basta ter um pouco de paciência.

8. Configure o nome de domínio

Depois de construir e implantar seu site, o Netlify dará a ele um nome no domínio *.netlify.app. Mais tarde, você pode alterar esse nome para algo melhor ou até mesmo anexar um domínio personalizado ao site.

Netlify permite que você anexe um domínio personalizado que você comprou em outro lugar ou compre o domínio através do seu painel Netlify. E o sistema cuidará de tudo. Basta clicar na guia Domínios em seu painel para adicionar ou registrar um novo domínio para seu novo site.

Netlificar 3

Conclusão

Chegamos ao final deste guia simples sobre como hospedar um site super rápido gratuitamente na plataforma Netlify. E você viu as razões e a maneira de fazê-lo.

Agora resta para você codificar seu site estático manualmente ou usar um gerador de site estático.

Nnamdi Okeke

Nnamdi Okeke

Nnamdi Okeke é um entusiasta de computadores que adora ler uma grande variedade de livros. Ele tem preferência por Linux sobre Windows/Mac e tem usado
Ubuntu desde seus primeiros dias. Você pode pegá-lo no twitter via bongotrax

Artigos: 278

Receba materiais tecnológicos

Tendências de tecnologia, tendências de inicialização, análises, renda online, ferramentas da web e marketing uma ou duas vezes por mês

Deixe um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *