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.

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.

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.

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).

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.

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).

    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.

    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.

    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.

    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.

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).
  • 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).
  • Segredos: chaves e tokens ficam em Skip Cloud > Segredos, não no código (Skip Cloud, banco de dados e login).