Blog Formação DEV

Como realizar deploy de aplicação na Netlify

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.
Como realizar deploy de aplicação na Netlify
Texto de: Marlliton Souza

Introdução

Netlifly é uma plataforma de computação em nuvem que oferece vários serviços. No artigo de hoje, focaremos em um desses serviços, que é o deploy de aplicações, e veremos como expor nossas aplicações para o mundo de uma forma simples, rápida e segura.

Requisitos

Para que usarmos os serviços da Netlify, nós precisamos de:

  • Uma conta na Netlify;
  • Uma conta no GitHub;
  • Um projeto React (podemos fazer o deploy de projetos em vários frameworks, mas o foco deste artigo será o React);

O processo de criação de conta é bem simples, basta você acessar o site da Netlify e fazer o seu cadastro.

Imagem: Netlify

Você poderá criar sua conta com o GitHub, GitLab ou com o Bitbucket. Neste artigo, eu usarei o GitHub.

Deploy

Em seguida, nós importaremos nosso projeto do GitHub:

Imagem: Netlify

Agora, só precisamos clicar no botão import from Git, e em seguida selecionar o GitHub:

Imagem: Netlify

Selecionando projeto

Logo após selecionar o provedor como sendo o GitHub, já podemos selecionar o nosso projeto:

Imagem: Netlify

Posteriormente, você será questionado sobre algumas coisas, e nós passaremos por cada uma delas.

Imagem: Netlify
  1. Owner: você não precisa mexer, basta deixar o padrão.
  2. Branch to deploy: aqui você precisa selecionar a branch que você quer fazer o deploy. No meu caso será a main mesmo.
  3. Base directory: você não precisa mexer
  4. Build command: você não precisa mexer
  5. Publish directory: aqui você tem que prestar um pouco de atenção. O projeto que 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á estará disponível para ser acessado de qualquer lugar do mundo.

Imagem: Netlify

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 seu projeto.

Sobre o autor
Cod3r

Cod3r

Com mais de 400 mil alunos, a Cod3r é uma das principais escolas de tecnologia do País. Um de seus produtos mais importantes é a Formação DEV, com objetivo de preparar os profissionais para o mercado.

Ótimo! Inscreveu-se com sucesso.

Bem-vindo de volta! Registou-se com sucesso.

Assinou com sucesso o Blog Formação DEV .

Sucesso! Verifique o seu e-mail para obter o link mágico para se inscrever.

As suas informações de pagamento foram atualizadas.

Seu pagamento não foi atualizado.