A melhor hospedagem grátis para o seu Front-End

Logo vercel
Vercel

Sempre usei os serviços da Hostinger Brasil para hospedar minhas aplicações, e nunca tive problemas, porém fiz uma nova versão do meu site pessoal utilizando React, e senti a falta de um deploy automático. Então, durante essa semana dei uma boa pesquisada em alternativas para hospedar meu site, e me deparei com a Vercel.

Mas e ai, o que é a Vercel?

Uma explicação bem rápida do que a Vercel segundo o próprio site:

Vercel é o fluxo de trabalho ideal para equipes de Front-End. Multifuncional: implantação estática e JAMstack, serverless e CDN global.

e sabe o melhor? O plano free deles é incrível!

Informações sobre o plano free
Informações sobre o plano free
https://vercel.com/pricing — 11/07/2020

Logo quando vi isso, já comecei a migração do meu site pessoal para os servidores da Vercel. Achei que seria uma tarefa complicada, mas não, foi muito simples, em poucos passos meu site já estava no ar.

Então bora para um tutorial de como fazer deploy?

Primeiro passo é entrar no site da Vercel por esse link e escolher uma forma para se cadastrar:

Depois de se cadastrar você vai ver uma tela como essa:

Que é o seu Dashboard, onde você tem acesso a algumas configurações, e a opção que mais importa pra gente no momento, que é a de Importar um projeto que você pode acessar clicando no botão "Import Project"

Logo após clicar para importar seu projeto, você vai ver uma tela como essa, onde você informa o repositório que está o seu projeto, no meu caso, está no GitHub.

Depois de informar o link é só clicar em "Continue" e vai aparecer uma tela como essa:

Nessa tela, temos algumas configurações disponíveis como, definir o nome do projeto, selecionar o preset utilizado para a criação do seu projeto, no meu caso foi o "Create React App", e também temos algumas configurações de build personalizadas e variáveis de ambiente que você pode configurar ali mesmo. Depois é só clicar em Deploy e ver a mágica acontecer.

O serviço da Vercel vai pegar tudo o que está no seu repositório, e vai criar um build da sua aplicação, e em poucos segundos você vai ver uma tela como essa:

Dizendo que seu projeto já está online, viu só como é fácil!

Ainda podemos fazer outras configurações como, adicionar um ou mais domínios personalizados:

Agora que o seu projeto já está configurado e online, todo commit que você fizer no repositório automaticamente já vai ser gerado um novo build!

Espero que tenha gostado desse tutorial!

Obrigado pela leitura!

Me acompanhe por ai! 😜

- Portfólio: vinniciusgomes.dev
- GitHub: @vinniciusgomes
- LinkedIn: @vinniciusgomes

Senior Software Engineer | React enthusiast | Love traveling and Mountain Bike. See more about me — vinniciusgomes.dev

Senior Software Engineer | React enthusiast | Love traveling and Mountain Bike. See more about me — vinniciusgomes.dev