Summary  
This chapter covers using Git to push local code to a remote GitHub repository, including authentication via GitHub’s device flow and managing sensitive files with a .gitignore.  

General domain of usage  
Web application deployment

**GitHub** é uma plataforma para hospedar e gerenciar código utilizando controle de versão (Git). Permite que desenvolvedores armazenem projetos, acompanhem alterações, colaborem com outros e compartilhem seu trabalho online.

Definição

Neste momento, seu projeto está em uma pasta no seu computador. Para publicá-lo online, é necessário movê-lo para um local onde uma plataforma de hospedagem possa acessá-lo. O GitHub atua como esse intermediário.

Pense no GitHub como um armazenamento em nuvem para código. Seus arquivos permanecem no seu computador, mas o GitHub mantém uma cópia que outras ferramentas — como a plataforma de hospedagem que utilizaremos no próximo capítulo — podem ler e implantar.

O GitHub armazena seu código. O Vercel publica. Vamos começar pelo GitHub.

Nota

### O que você precisa fazer

1. **Criar uma conta no GitHub**
Acesse **github.com** e clique em **Sign Up**.
Se já tiver uma conta, basta fazer login

2. **Pedir ao Claude Code para enviar seu projeto**
Não é necessário configurar o GitHub manualmente. Peça ao Claude Code:

```
How can I get my app published? I have a GitHub account. I want the simplest way to publish the app.
```

   O Claude Code irá guiá-lo no envio do seu projeto para o GitHub.
Quando solicitado a autorizar via **github.com/login/device**, siga os passos, insira o código e clique em **Approve**

3. **Confirme que seu projeto está no ar no GitHub**
Após a conclusão, o Claude Code fornecerá uma URL do GitHub
Abra o link e verifique se todos os arquivos do seu projeto estão lá

### Um ponto importante a saber

Seu projeto possui um arquivo chamado .env.local. É nele que sua chave de API fica armazenada. Ele é automaticamente excluído do GitHub por um arquivo chamado .gitignore. Isso significa que sua chave de API permanece privada e não é enviada.

Você não precisa fazer nada aqui. O Claude Code cuida disso automaticamente. É apenas útil entender o motivo.

Depois que seu código estiver no GitHub, o próximo capítulo aborda como implantá-lo no Vercel para que seu aplicativo fique disponível na internet com uma URL real que qualquer pessoa pode acessar.


Qual é o principal papel do GitHub ao implantar seu código?

Construa e lance um aplicativo real em apenas um final de semana utilizando ferramentas modernas de IA e um fluxo de trabalho simples e prático, utilizando Claude Code para planejar, gerar e refinar seu código, gerenciando seu projeto com o GitHub e implantando seu aplicativo finalizado online com o Vercel. Você começará com uma ideia e rapidamente a transformará em um plano de projeto claro, avançando passo a passo para construir uma aplicação funcional, com foco em funcionalidades essenciais, arquitetura simples e iteração rápida em vez de complexidade desnecessária, enquanto aprende a trabalhar de forma eficaz com IA ao escrever prompts melhores, corrigir erros e aprimorar funcionalidades, finalizando com um aplicativo ao vivo, um projeto GitHub organizado e um sistema repetível para transformar ideias futuras em produtos reais de forma mais rápida.

Compreender os fundamentos do desenvolvimento assistido por IA, configurar o ambiente e familiarizar-se com o Claude Code antes de iniciar o primeiro aplicativo.

Transforme sua ideia em um plano claro e simples e defina a menor versão do seu aplicativo que ofereça valor real.

Vá do zero até um aplicativo em funcionamento gerando código com IA, configurando o projeto e compreendendo o que foi criado.

Aprimoramento do seu aplicativo por meio da adição de funcionalidades, refinamento do design e aprendizado de técnicas eficazes para resolução de problemas.

Publique seu projeto, torne-o acessível online e garanta que tudo funcione utilizando GitHub e Vercel.

Enviando Código para o GitHub

O que você precisa fazer

Um ponto importante a saber