# GitHub e exportação de código

Veja o código que o Skip gerou, baixe o projeto completo e conecte um repositório do GitHub para versionar fora do Skip.

Fonte: https://guides.adapta.org/guias/skip/recursos-do-skip/exportar-codigo/

**TL;DR** · Você pode ler e baixar o código do seu projeto a qualquer momento. No builder, o botão `</>` abre o menu com **Editar Código**, que mostra todos os arquivos em um editor com o botão **Baixar Código**, e **Conectar GitHub**, que liga o projeto a um repositório. A conta do GitHub é conectada uma vez por organização; cada projeto escolhe o próprio repositório em **Configurações e Estatísticas > Github**.

![Gravação do builder do Skip: o botão de código abre o menu, Editar Código sobrepõe o Editor de Código ao preview, a árvore Projeto lista as pastas e arquivos, o README.md abre numa aba e o cursor passa pelo botão Baixar Código antes de fechar o editor.](https://guides.adapta.org/media/screenshots/skip/codigo-2026-09-22/skip-codigo-2026-09-22.gif)

*Do menu ao arquivo: abra o Editor de Código, clique num arquivo da árvore para ler e use Baixar Código quando quiser o projeto inteiro.*

## Ver o código

![Barra superior do builder do Skip com o menu do botão de código aberto, mostrando as opções Editar Código e Conectar GitHub.](https://guides.adapta.org/media/screenshots/skip/codigo-2026-09-22/menu-codigo-2026-09-22.png)

*O menu do código: **1** o botão `</>` na barra superior, **2** Editar Código, que abre o editor, e **3** Conectar GitHub, o atalho para a integração do projeto.*

Na barra superior do builder, clique no botão `</>` e em **Editar Código**. O **Editor de Código** abre sobre o preview com a árvore **Projeto** à esquerda (pastas do backend e do código-fonte, além de arquivos como `README.md`, `index.html` e a configuração de estilos) e a área de edição à direita, com numeração de linhas e um mapa do arquivo. Clique em um arquivo para abri-lo em uma aba.

Para mudar o comportamento do app, prefira pedir ao agente pelo chat: ele atualiza o código, a especificação e os testes juntos. O editor serve para ler, conferir e localizar o que citar no próximo pedido ("no arquivo Painel.tsx, o cartão de total").

O `README.md` gerado descreve o projeto: a pilha usada (React, Vite, TypeScript, componentes Shadcn UI, Tailwind CSS, React Router, React Hook Form, Zod e Recharts no projeto de exemplo), os pré-requisitos (Node.js 18 ou superior e npm) e o comando de instalação. É o ponto de partida para quem for rodar o projeto fora do Skip.

## Baixar o projeto

No canto superior direito do Editor de Código, o botão **Baixar Código** exporta o projeto. A disponibilidade de **Download código** é um recurso do plano e aparece em **Gerenciar organização > Plano e Uso** (veja [Créditos e plano](https://guides.adapta.org/guias/skip/conta-e-organizacao/creditos/)).

Use o download para guardar uma cópia antes de uma mudança grande, entregar o código a uma equipe técnica ou hospedar por conta própria.

![Editor de Código do Skip com o README.md aberto: a árvore Projeto à esquerda lista pocketbase, src, .gitignore, components.json, index.html, README.md e tailwind.config.ts; o arquivo mostra a pilha do projeto e os pré-requisitos; o botão Baixar Código fica no canto superior direito.](https://guides.adapta.org/media/screenshots/skip/codigo-2026-09-22/editor-readme-2026-09-22.png)

*No editor: **1** a árvore Projeto, **2** o arquivo aberto numa aba, aqui o README.md com a pilha e os pré-requisitos, e **3** Baixar Código, que exporta o projeto inteiro.*

## Conectar o GitHub

1. **Conecte a conta da organização**

    Em **Gerenciar organização > Integrações**, conecte o **GitHub** ("Repositórios e automação"). Essa conexão vale para todos os projetos da organização; o painel mostra a conta conectada e a lista de projetos ligados a ela ([Organização, membros e convites](https://guides.adapta.org/guias/skip/conta-e-organizacao/organizacao/)).

![Página Gerenciar organização do Skip na aba Integrações, com o cartão GitHub selecionado na lista ao lado de Skip Cloud e Supabase; o painel mostra o selo Conectado, a conta do GitHub ligada e Projetos Conectados com zero projetos.](https://guides.adapta.org/media/screenshots/skip/codigo-2026-09-22/org-integracoes-github-2026-09-22.png)

    *Na organização: **1** a aba Integrações, **2** o cartão GitHub na lista e **3** o selo Conectado. A conta é uma por organização; os projetos ligados aparecem logo abaixo.*

2. **Ligue o projeto a um repositório**

    No builder, abra **Configurações e Estatísticas > Github**. O bloco **Status da Integração** confirma se a conta está conectada; clique em **Conectar Repositório** para escolher o repositório deste projeto. O mesmo caminho existe no menu `</>` como **Conectar GitHub**.

![Janela Configurações e Estatísticas do builder do Skip na aba Github: o bloco Integração GitHub mostra Status da Integração com Conta conectada e o botão Conectar Repositório.](https://guides.adapta.org/media/screenshots/skip/codigo-2026-09-22/github-repositorio-2026-09-22.png)

    *No projeto: **1** a aba Github, **2** Status da Integração, que herda a conta conectada na organização, e **3** Conectar Repositório, onde este projeto escolhe o repositório dele.*

3. **Confira a sincronização**

    O painel descreve a integração como sincronização automática e controle de versão. Confira no GitHub se a primeira sincronização chegou antes de contar com ela.

![Janela Configurações e Estatísticas na aba Github, com destaque para o título Integração GitHub e sua descrição de sincronização automática e controle de versão, e o selo Conta conectada.](https://guides.adapta.org/media/screenshots/skip/codigo-2026-09-22/github-sincronizacao-2026-09-22.png)

    *O que o painel promete: **1** sincronização automática e controle de versão, e **2** o estado da conta. Ele não mostra o último envio; isso você confere no próprio repositório.*

Mudanças feitas direto no repositório não passam pelo agente, pela especificação nem pelos testes do Skip. Se a sua equipe técnica for editar o código fora, combine quem é a fonte da verdade: o Skip ou o repositório.

**Dica do curso:** em *Skip na Prática*, aula "Entendendo o Skip", a Adapta descreve o GitHub como o lugar na nuvem que guarda o código e recomenda conectar o repositório como boa prática, junto com o hábito de exportar o código. Conecte cedo: o histórico do repositório começa a partir da conexão.

## O que conferir

- **Quem tem acesso ao repositório:** o código inclui a estrutura do banco e as migrações; trate o repositório com o mesmo cuidado dos dados ([Cuidados com dados e chaves](https://guides.adapta.org/guias/skip/conta-e-organizacao/dados/)).

- **Versão baixada:** anote a versão do projeto (**Inspetor de Build > Versionamento**) ao baixar, para saber a que ponto aquele código corresponde ([Inspetor de Build e Bug Scanner](https://guides.adapta.org/guias/skip/recursos-do-skip/diagnostico/)).

- **Segredos:** chaves e tokens ficam em **Skip Cloud > Segredos**, não no código ([Skip Cloud, banco de dados e login](https://guides.adapta.org/guias/skip/recursos-do-skip/skip-cloud/)).