Hoje nós vamos expor nossas aplicações para o mundo, e veremos o quão simples é fazer o deploy de uma aplicação com o Netlify.
O que é Netlify?
É uma plataforma de computação em nuvem que oferece vários serviços. Uma das propostas é que você consiga fazer o deploy de uma aplicação de forma simples, rápida e segura.
Requisitos
Para que nós possamos usar os serviços da Netlify, nós precisamos de:
- Uma conta na Netlify
- Uma conta no GitHub
- Um projeto React (que será o foco do deploy aqui)
O processo de criação de conta é bem simples, basta você acessar o site da Netlify e fazer o seu cadastro.
Você poderá criar sua conta com o GitHub, GitLab ou com o Gitbucket. Todavia, para este artigo usarei o GitHub.
Deploy
Em seguida, nós importaremos nosso projeto do GitHub:
Agora, só precisamos clicar no botão “import from Git”, e em seguida selecionar o GitHub:
Selecionando projeto
Logo após selecionar o provedor como sendo o GitHub, já podemos selecionar o nosso projeto:
Posteriormente, você será questionado sobre algumas coisas, e nós passaremos por cada uma delas.
- Owner: você não precisa mexer, basta deixar o padrão.
- Branch to deploy: aqui você precisa selecionar a branch que você quer fazer o deploy. No meu caso será a main mesmo.
- Base directory: você não precisa mexer
- Build command: você não precisa mexer
- Publish directory: aqui você tem que prestar um pouco de atenção. O projeto que eu selecionei é um projeto Next, então o build irá gerar a versão de produção na pasta “.next”. Se seu projeto for puramente React, basta você colocar “build” ao invés de “.next”.
Finalmente, agora tudo que temos que fazer é clicar no botão Deploy site, e podemos aguardar nosso deploy ser finalizado.
Acessando o projeto
Por fim, você será direcionado para outra tela onde terá acesso a url do seu projeto, e o mesmo já está disponível para ser acessado de qualquer lugar do mundo.
Conclusão
A partir de agora, como resultado, você tem uma aplicação que pode ser vista por qualquer pessoa e em qualquer lugar. Espero que tenha curtido essa experiência e não esquece de compartilhar conosco o seu projeto.
Saiba mais
Como fazer o deploy de uma aplicação no site da Vercel
