Como colocar um site estático no ar totalmente grátis

Hoje em dia toda empresa ou profissional deve ter um site, está se tornando cada vez mais uma exigência do mercado.

Entretanto, para muitos profissionais, principalmente os que estão começando se torna inviável, pagar as fortunas que as agências normalmente cobram para fazer apenas uma página estática. 

E ainda tem os custos de servidor, domínio de tudo mais.

Para evitar esses gastos excessivos no início resolvi criar esse post para falar de uma ferramenta online muito boa para publicar seus sites.

Essa ferramenta é o Netlify, é uma ferramenta para publicar seu site, muito intuitiva e fácil de usar.

Para iniciar no Netlify primeiro você deve ter uma conta criada no Github, Bitbucket ou Gitlab. 

Após criar uma conta em um dos repositórios acima, você pode ir no site do Netlify e criar sua conta a partir do repositório de sua preferência.

Agora, vou te ensinar passo a passo a colocar um site no ar sem precisar pagar hospedagem mensal.

Criando repositorio no Github

Nesse tutorial vou usar o Github, 

Crie uma conta no Github, basta clicar no botão “Sign Up” localizado no topo ao lado direito da tela.

Após preencher seu dados, confirmar seu e-mail, você vai ser direcionado direto para a tela criar repositório.

Clique em “Create repository”

Você será direcionado para tela de criação:

Em “Repository name”, você coloca o nome do seu repositório. Em descrição você pode ou não colocar um pequeno texto explicando o que é seu repositório.

Nas opções “Public” ou “Private” se você quiser que seu repositório fique liberado para outros usuários visualizar pode deixar ela marcada, caso não queira pode marcar “Private”.

A opção “Skip this step if you’re importing an existing repository.” não precisa ser marcada.

Clique em “Create Repository”

Pronto! Seu repositório foi criado, agora precisamos jogar seu site estático dentro dele. existem algumas formas de fazer esse processo, mas como o artigo é voltado para iniciantes vou explicar da forma simples.

Na próxima tela clique em “uploading an existing file”

Você será direcionado para tela de upload do Github. Para fazer upload basta arrastar todos os aquivos do seu site para o Github, (importante arraste como mostra imagem abaixo) espere carregar os arquivos e em seguida, você precisará Commitar seu arquivo.

Adicione um título e uma descrição(Opcional) e clique em “Commit Changes”.

Pronto! uma parte do processo já está pronta.

Se você não tem um site estático, criamos um cartão de visita simples, para baixar clique aqui. 

Com ele você pode alterar a imagem principal apenas substituindo a imagem que está na pasta “images”, e editando os textos abrindo o arquivo “index.html”, com o bloco de notas, ou um editor de sua preferência.

Ele já possui um formulário, com nome, e-mail, assunto e mensagem que vai enviar um e-mail direto para sua conta no Netlify, que vamos explicar mais abaixo.

Configurando Netlify

Entre no site do Netlify, e crie a conta com o repositório que você criou no início deste artigo.

Você vai precisar autorizar. Clique no botão para autorizar, em seguida você será direcionado para a primeira tela do Netlify.

Em seguida, clique em next em todos os passos, após ter fechado o Wizard inicial clique no botão “New site from git”.

Depois disso, na próxima tela clique no botão do repositório que você criou, no caso deste artigo estamos fazendo tudo pelo Github.

Aparecerá outra tela para autorização, clique no botão verde para autorizar, em seguida em “install”.

Em seguida, vai pedir sua senha, coloque ela no campo indicado e clique em “Confirm password”.

Em seguida clique no repositório que você quer colocar no ar, no caso “cartao-de-visita”.

Na próxima tela, faça seu primeiro deploy, clique no botão “deploy”

Aguarde até que o deploy seja feito.

Pronto! seu site está no ar.

O Netlify cria uma URL aleatória basta clicar e conferir seu site no ar.

Mas, você ainda tem opção de adicionar um domínio caso tenha um comprado, ou alterar a url padrão do Netlify para o seu nome.

Basta clicar em “Domain settings” em seguida em “Options” e “Edit site name”.

Por fim, para adicionar um domínio particular, clique em “add custom domains”, adicione o nome do seu domínio clique em “Verify” após o netlify realizar a análise clique em “Yes, add domain”.

Em seguida, adicione os DNS indicado em seu serviço de domínios, e espere por aproximadamente 24 horas para a propagação do domínio.

Para ver os e-mail enviados pelo formulário do cartão de visitas clique no menu “Forms”.

Pronto, você tem um cartão de visitas no ar, basta fazer as modificações de layouts e texto, se você possuir um pouco de conhecimento em CSS e HTML pode alterar as cores e fazer a modificação que desejar.

Espero ter ajudado!