Aprendendo no sofá com o FreeCodeCamp: Implantação de site - Netlify

Se você quiser assistir a este blog ao vivo, Aqui está um vídeo de Nyah Macklin & Jessica Rose que aborda o processo de instalação do Visual Studio Code, caso contrário, continue lendo! 

Em nossa última postagemNa última semana, aprendemos a tirar instantâneos do nosso código com o tempo usando o Git e a salvar e compartilhar esses instantâneos de código com outros desenvolvedores usando o GitHub. Hoje, aprenderemos a transformar o código que escrevemos em sites reais com URLs reais que podemos compartilhar com outras pessoas usando o Netlify.

O que é a Netlify?

Em termos simples, pense na Netlify como um lugar onde você pode mostrar seu site a outras pessoas. Você escreveu um código que atualmente está em seu computador no Visual Studio Code ou está na Web ainda em forma de código no GitHub. A Netlify fornece o espaço e as ferramentas para exibi-lo ao mundo como um site completo. É como abrir uma janela e gritar: "Ei, mundo, dê uma olhada no meu site!"

1. Como criar uma conta na Netlify

• • Primeiro, vá até o site Site da Netlify.
  • Você deve clicar no ícone azul grande Registrar-se no canto superior direito.

Será exibida uma página com opções. Se você já ouviu falar do GitHub, GitLab ou Bitbucket e tem uma conta em um deles, ótimo! Clique nela. Caso contrário, clique em Registre-se com seu e-maile ele solicitará que você digite seu e-mail e uma senha para sua conta Netlify. A Netlify poderá, então, fazer algumas perguntas para entender melhor como você usará o produto. Responda a todas as perguntas solicitadas e avance para a seção Continuar a implantar na parte inferior.

O Netlify deve nos levar a isto Implante seu primeiro projeto página. 

2. Implantando seu primeiro site Netlify

Como acabamos de criar uma conta do GitHub em nossa última postagem no blog, podemos selecionar Implantar com o GitHub que vinculará automaticamente todos os repositórios do GitHub e permitirá que você crie sites a partir deles no Netlify. 

Se você ainda não tiver criado uma conta do GitHub, selecione Experimente o Netlify Drop na parte inferior, que é o recurso de arrastar e soltar código do Netlify. Encontre a pasta em seu computador para o projeto de código que você criou e, em seguida, arraste-a para o círculo central e solte-a lá. 

Depois que você soltar a pasta, o ícone da pasta no centro piscará e dirá Carregamento e, em seguida, você deverá obter uma página como esta se o upload tiver sido bem-sucedido. 

A Netlify deu ao seu site um URL exclusivo que você pode ver ao vivo se clicar em Dispensar para essa caixa pop-up inicial e, em seguida Implantação de produção aberta.

Qualquer site que você tenha carregado agora tem um URL real que pode ser compartilhado com o mundo! 

3. Como nomear seu site

A Netlify atribui automaticamente um nome padrão divertido (mas muitas vezes estranho) ao seu site:

• • Em seu painel de controle da Netlify, clique em Visão geral do site.
    
    
  • Há uma seção intitulada Configurações de domínio. Clique nele.
  • Você verá uma área identificada como Opções. Clique nele e você poderá editar o nome do site para algo que lhe agrade mais. Clique salvar!
    

Aqui está o meu! Clique neste link e veja se isso o leva a algum lugar!

4. (Opcional) Seu próprio endereço da Web

Se você tiver um nome de domínio que gostaria de usar:

• • Nas mesmas configurações, role a tela até encontrar Gerenciamento de domínios. Aqui, há um botão Adicionar um domínio personalizado. Clique e siga as etapas simples.

Comemore: Seu site está no ar!

É isso aí, amigo! Com apenas alguns cliques e arrastamentos, você tem um site ativo.

Em conclusão

A Netlify pode parecer mágica, mas com um guia como este, você está totalmente no controle. Lembre-se de que todo grande desenvolvedor da Web começou com etapas como essas. Portanto, abrace a jornada e aproveite cada momento.

• • Referência a Documentos da Netlify se necessário.

Continue construindo.
<3 Couchbase
#LearningOnTheCouch