Como hospedar um site gratuitamente em 2020 com Netlify

como hospedar um site ultra rápido para seus projetos 2019

A algum tempo atrás era necessário pagar e ter conhecimento avançado para hospedar um site, porem tudo é extremamente simples hoje. Neste tutorial você irá aprender como hospedar o seu site, seja ele um simples arquivo HTML ou até mesmo aplicativos completos que usam Javascript. Iremos também aprender como hospedar um site gratuitamente usando sistemas de controle de versão como GitHub, GitLab ou BitBucket.

 

Passo a passo de como hospedar um site grátis 

O que é o Netlify?

A Netfily é um serviço que te permite hospedar sites estáticos, ou seja, arquivos HTML, CSS e Javascript. Isso inclui, por exemplo, projetos em ReactJS. Além disso, você consegue:

  • Ter um URL próprio usando o subdomínio da Netlify. Ex: seusite.netlify.com
  • Possibilidade de hospedar o seu site com Netlify e usando um domínio adquirido em outro provedor
  • SSL Grátis
  • Ping baixíssimo com tempo de resposta alta
  • Ultra fácil de criar um site usando arrasta e solta (Drag and Drop)
  • Integração contínua com GitHub, GitLab e BitBucket

Criando uma conta no Netlify

Para criar uma conta acesse https://app.netlify.com/signup escolha email, ou um dos outros provedores dependendo da sua situação. Recomendo iniciar com Email.

criando uma conta no netlify

Criando uma conta no netlify

depois digite seu email, senha e clique em “Sign Up”

Sign up

Sign up

entre em seu e-mail e clique em “Verify Email” para validar a sua conta e depois volte e faça o login e vá ao próximo passo.

Hospedando um site a partir de arquivos HTML,CSS e Javascript

Para hospedar a partir de uma pasta é importante que:

  • Exista um arquivo chamado index.html raiz do seu projeto

agora basta pegar a pasta com seus arquivos e soltar ela dentro do site igual à animação a seguir:

hospedando um site

hospedando um site

Hospedando um site a partir do GitHub

Para hospedar a partir do GitHub, GitLab ou BitBucket a sequência será bem parecida. Volte a página inicial clicando no ícone da Netlifly e clique em “New site from Git” e escolha aqui o seu provedor, estaremos usando hoje o GitHub porem os passos são parecidos para os outros. Basta clicar em GitHub e depois fazer o processo de login e autenticação e escolher qual projeto e branch quer deixar online e clicar em “Deploy Site

 

Deploy usando Git

Deploy usando Git

Atualizando o seu site (HTML, CSS e Javascript)

Para atualizar o seu site, quando estiver usando ele a partir de uma pasta, basta fazer as alterações necessárias no arquivo e depois fazer o mesmo processo novamente:

  1. Volte a tela inicial clicando no ícone da Netlify
  2. Clique no projeto que quer atualizar
  3. Na parte superior do site clique em “Deploys”
  4. Arraste e solte a pasta dentro de Deploys novamente e BOOM está pronto 🙂
hospedando um site

hospedando um site

Atualizando o seu site a partir do GitHub, GitLab ou BitBucket

Atualizar o seu site neste caso é ainda mais simples porque neste caso basta que você faça as alterações em arquivo original, faça o commit e push e pronto! O seu site já estará atualizado automaticamente (usando integração contínua) e você nem precisou de abrir o site da Netlify

 

Caso prefira pode também assistir este tutorial em formato de vídeo, onde explico em formato de vídeo os passos que foram passados aqui neste tutorial, e também alguns detalhes maiores de onde clicar para cada passo.

E você já deixou seus projetos online? Lembre se que para você se destacar, PRECISA demonstrar seu conhecimento. Para te mostrar essa importância criei uma postagem onde mostro como ganhei R$10,000 com trabalho remoto e como meus projetos foram ponto chave para conseguir a vaga!

6 comentários em “Como hospedar um site gratuitamente em 2020 com Netlify”

  1. Lucas Statonato

    Gostaria de conversar com você sobre um outro vídeo…
    Que seria o robô para comentar automático… Tipo eu queria fazer a mudança para ele comentar em apenas uma publicação…. Conseguiria me ajudar ?? Não manjo muito

    1. Jhonatan de Souza

      Olá Lucas, obrigado por visitar nosso blog, peço que as perguntas relacionadas aos vídeos sejam enviadas por lá, e assim que possível tentarei responder!

  2. Tem como hospedar site feito em WordPress?

    Eu não quero colocar em uma empresa de hospedagem por ser somente para um projeto da faculdade (que não é de TI infelizmente)

Deixe uma resposta

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