Em desenvolvimento de software, "deploy" (do inglês, "deployment") significa basicamente colocar um software ou aplicação para funcionar em um ambiente onde os usuários finais possam acessá-lo e utilizá-lo.

Pense assim: você desenvolve um site ou um aplicativo no seu computador. Ele funciona ali, mas ninguém mais pode vê-lo ou usá-lo. O "deploy" é o processo de tirar esse software do seu ambiente de desenvolvimento e "publicá-lo" em um servidor, na nuvem ou em um dispositivo, tornando-o disponível para o público.

Por que é Importante?

O deploy é a etapa crucial que transforma um projeto em um produto real e utilizável. Sem ele, todo o trabalho de desenvolvimento permaneceria apenas no computador do desenvolvedor.

Em resumo, deploy é a ponte entre o desenvolvimento e a disponibilização do seu software para o mundo.

GitHub Pagens

O GitHub Pages é um serviço gratuito do GitHub que transforma os arquivos do seu projeto em um site na internet. É como ter um site seu hospedado de graça, ideal para mostrar projetos, portfólios ou páginas pessoais, sem precisar de servidor ou configurações complicadas.

Passo a Passo para Publicar Seu Site do VS Code Usando o GitHub Pages

1. Organize os Arquivos do Seu Site

• Certifique-se de que todos os arquivos do seu site (HTML, CSS, JavaScript, imagens, etc.) estão juntos numa pasta no seu computador.

• O arquivo principal da sua página inicial DEVE se chamar index.html (tudo em letras minúsculas). É esse arquivo que o navegador vai abrir primeiro para mostrar seu site.

2. Crie uma Conta no GitHub (se ainda não tiver)

• Acesse github.com e crie sua conta gratuita. É rápido e simples.

3. Crie um Novo Repositório no GitHub

O repositório é como uma “pasta” online para guardar seus arquivos.

1. Faça login no GitHub.

2. No canto superior direito, clique no sinal de “+” e escolha New repository (Novo repositório).

3. Preencha os campos:

   • Repository name (Nome do repositório):

     • Opção 1 (Recomendada para seu primeiro site pessoal): digite exatamente seunomedeusuario.github.io (troque “seunomedeusuario” pelo seu nome de usuário do GitHub). Assim seu site ficará disponível em:
       https://seunomedeusuario.github.io

     • Opção 2 (Para outros projetos): use outro nome, por exemplo meu-primeiro-projeto. Seu site ficará em:
       https://seunomedeusuario.github.io/meu-primeiro-projeto

   • Description (Descrição): opcional, escreva algo breve sobre o site.

   • Marque a opção Public (Público) — isso é obrigatório para o GitHub Pages funcionar.

   • Marque Add a README file (Adicionar arquivo README).

4. Clique em Create repository (Criar repositório).

4. Envie os Arquivos do Seu Site para o Repositório

Agora vamos colocar os arquivos do seu site dentro do repositório criado.

1. No navegador, abra o repositório que você criou.

2. Clique em Add file (Adicionar arquivo) > Upload files (Carregar arquivos).

3. Arraste e solte todos os arquivos e pastas do seu site (da pasta que você organizou no Passo 1) para a área indicada.

Dica: Você pode clicar e segurar os arquivos no seu computador, arrastar para dentro da página do GitHub e soltar.

4. Importante: o arquivo index.html deve estar na raiz do repositório (não dentro de outra pasta), a menos que você saiba configurar o GitHub Pages para buscar em outra pasta.

5. Na parte inferior, escreva uma mensagem curta para o “commit”, por exemplo:
   Primeiro upload do site

6. Clique em Commit changes (Confirmar alterações).

5. Configure o GitHub Pages

Agora vamos ativar o GitHub Pages para transformar seu repositório num site público.

1. Dentro do seu repositório no GitHub, clique na aba Settings (Configurações).

2. No menu à esquerda, clique em Pages.

3. Em Build and deployment (Construção e publicação), no campo Source (Fonte), selecione Deploy from a branch (Publicar a partir de uma branch).

4. Em Branch, escolha a branch main (ou master, dependendo do seu repositório).

5. Deixe a pasta como / (root).

6. Clique em Save (Salvar).

6. Acesse e Compartilhe Seu Site!

• O GitHub Pages pode levar alguns minutos para processar seus arquivos e publicar o site.

• Após alguns minutos, volte para a página Settings > Pages do seu repositório. Você verá uma mensagem como:
  Your site is published at https://seunomedeusuario.github.io (ou o endereço do seu projeto).

• Clique nesse link para ver seu site no ar!

• Se o site não aparecer imediatamente, espere de 2 a 10 minutos e tente atualizar a página. Também pode ajudar limpar o cache do navegador.

• Se ainda assim não funcionar, volte à configuração para conferir se selecionou a branch correta.

Curiosidades: 

A tradução literal de GitHub é:

• Git: nome do sistema de controle de versões criado por Linus Torvalds (o mesmo criador do Linux). Não é uma palavra em inglês comum — é um nome próprio.

• Hub: significa “centro”, “ponto de encontro” ou “núcleo”.
  
  

Portanto, a tradução literal de GitHub seria algo como:

“Centro do Git” ou “Ponto de encontro do Git”

Ou seja, um lugar onde projetos que usam Git são armazenados, compartilhados e colaborados por várias pessoas. É um “hub” (central) para repositórios Git.

O que é Git?

Git é um sistema gratuito que ajuda você a salvar o histórico de alterações de seus arquivos com segurança.
Pense nele como um “salvamento inteligente”: além de guardar seus arquivos, o Git permite que você veja o que mudou, volte atrás se algo der errado e colabore com outras pessoas no mesmo projeto sem bagunça.

Git não é o mesmo que GitHub. O Git é o programa que controla versões. O GitHub é um site que guarda seus projetos com Git na nuvem, para facilitar o trabalho em equipe ou a publicação.

 Etapas Iniciais (Você faz apenas uma vez)

1. Instalar o Git no Computador

O Visual Studio Code precisa que o Git esteja instalado para funcionar corretamente com repositórios.

• Acesse: https://git-scm.com/downloads

• Baixe a versão para seu sistema (Windows, macOS ou Linux).

• Siga a instalação com as opções padrão. É rápido e seguro.

2. Criar Conta no GitHub (caso ainda não tenha)

• Vá para https://github.com

• Crie sua conta gratuita (nome de usuário, e-mail e senha).

3. Criar um Repositório Vazio no GitHub (Opcional, mas Recomendado)

Esse será o “espaço online” onde seu projeto será armazenado.

1. No GitHub, clique no sinal de "+" no canto superior direito e escolha "New repository".

2. Dê um nome ao repositório, como meu-site-novo.
   
   Se for usar com GitHub Pages e domínio personalizado, siga o padrão: seunomedeusuario.github.io.

3. Marque a opção Public.

4. Importante: não marque as opções “Add README”, “Add .gitignore” ou “Choose a license”. Vamos adicionar os arquivos manualmente.

5. Clique em Create repository.

Usando o VS Code com Git e GitHub

1. Abrir seu Projeto no VS Code

1. Abra o Visual Studio Code.

2. Vá em Arquivo > Abrir Pasta... (File > Open Folder...).

3. Selecione a pasta onde estão os arquivos do seu site (index.html, CSS, JS, etc.).

2. Iniciar o Git na Pasta do Projeto

1. Clique no ícone de Controle de Código-Fonte (ícone de ramos, na barra lateral esquerda).

2. Clique em "Initialize Repository" (Inicializar Repositório Git).
   
   Isso cria uma pasta oculta .git que transforma sua pasta em um repositório local.

3. Fazer o Primeiro Commit

1. Após inicializar, você verá seus arquivos listados em "Changes" (Alterações).

2. Clique no "+" ao lado de “Changes” para preparar todos os arquivos.

3. No campo de mensagem acima, escreva algo como Primeira versão do site.

4. Clique no botão de ✔️ (check) ou em "Commit".

4. Conectar ao Repositório do GitHub

1. Clique nos três pontinhos (…) no painel "Source Control".

2. Vá em Remote > Add Remote...

3. Quando for solicitado:

   • Nome do remoto: digite origin (nome padrão).

   • URL do repositório: cole a URL HTTPS do seu repositório no GitHub.
     
     Exemplo: https://github.com/seunomedeusuario/meu-site-novo.git
     
     

4. Pressione Enter para confirmar.

5. Enviar o Projeto para o GitHub (Push)

1. Clique nos três pontinhos (…) novamente no painel "Source Control".

2. Vá em Push > Push to...

3. Escolha origin.

4. O VS Code pode pedir que você faça login no GitHub — siga as instruções.

 Se tudo deu certo, seus arquivos agora estão no repositório do GitHub!

 Ativar o GitHub Pages (se ainda não ativou)

Se esse é o repositório que vai virar seu site online:

1. Acesse o repositório no GitHub pelo navegador.

2. Clique na aba Settings.

3. No menu à esquerda, vá em Pages.

4. Em Build and deployment, escolha Deploy from a branch.

5. Em Branch, selecione main e mantenha a pasta como / (root).

6. Clique em Save.

7. Em alguns minutos, seu site estará no ar no endereço informado!

 Fluxo Diário de Trabalho (Após o Primeiro Envio)

Quando você fizer alterações no projeto, siga este ciclo:

1. Salve o arquivo no VS Code.

2. Vá no painel de Source Control.

3. Adicione os arquivos modificados com o "+".

4. Escreva uma mensagem de commit (ex: Atualiza banner da homepage).

5. Clique em Commit.

6. Clique em Sync Changes (ou use "Push").

O GitHub Pages vai atualizar seu site automaticamente após cada envio. 

Esse fluxo é a base para qualquer projeto profissional com Git. No começo parece muito, mas depois se torna automático e evita erros graves, perda de arquivos ou sobreposição de alterações!

Outra Alternativa: NETLIFY

Netlify é uma solução de nuvem Front-End para desenvolvedores criarem e implantarem soluções digitais preparadas para o futuro com ferramentas modernas e combináveis ​​que funcionam com todas as estruturas modernas. 

Fazer o deploy no Netlify

Após o cadastro na plataforma NETLIFY

1 - Logar no netlify em Login,

2 - Rolar a página

3 - Escolher Drag and drop your site output folder here ou

Arraste e solte a pasta de saída do seu site aqui.

(Observação, renomear o arquivo principal para index.html antes

de arratar a pasta para a plataforma)

4 - Aguardar a conclusão (sucesso no deploy)

Observar que aparecerá a url na parte superior da plataforma 

5 - Clicar na sua equipe (lateral esquerda superior)

Abaixo aparecerá a sua pasta implantada

6 - clicar sobre ela e acima configurações do site

Em detalhes, alterar nome do site, substituir pelo nome personalizado - salvar

7 - Testar em outra guia com a url renomeada