Pular para o conteúdo
IA-OS // subir-na-web
Curso de Introdução · Guia 3 de 3Colocar seu sistema na internet

ETAPA 8 DE 9ETAPA 11 DE 12ETAPA 8 15 MIN

Tarefa: atualizar com um push

Pedir uma mudança ao Claude, guardar com um commit, fazer o push e ver no ar.

Seu computadorMeu computador é

O sistema está no ar. Agora vem a parte que você vai repetir sempre: mudar, guardar e publicar. Você muda com o Claude no seu computador, guarda com um commit e manda para o GitHub com git push. O servidor vê o push e publica sozinho, em poucos minutos.

A mudança: assinar a tela de quem abre o seu sistema na internet. Hoje ela diz Você conseguiu! e, abaixo, Seu sistema está no ar, na internet, com cadeado. Você vai acrescentar Feito por e o seu nome no fim desse texto.

Pedir a mudança ao Claude

No terminal, dentro da pasta, abra o Claude:

cd ~/meu-primeiro-sistema
claude

Troque Seu Nome pelo seu nome, copie a linha inteira, cole e aperte Enter:

Na tela que aparece quando o sistema está na internet, quero que o texto logo abaixo de "Você conseguiu!" termine com "Feito por Seu Nome.". Não mude o título nem a tela do computador. Antes de mudar, me mostre o desenho e o plano e espere eu aprovar.

Como no guia anterior: leia o plano, responda pode fazer, confira o que ele quer mudar e responda Yes. Ele roda npm run check e npm run test:run para conferir. Essa tela só aparece na internet, com cadeado: no localhost você não vê a mudança, e quem garante que está certa são os testes.

Guardar e publicar

Saia do Claude com /exit e veja o que mudou:

git status

Devem aparecer só os arquivos que o Claude disse que ia mudar. Então guarde e publique, um comando por vez:

git add -A
git commit -m "Minha assinatura na tela do ar"
git push

O git push manda o commit para o GitHub. É ele que dispara a publicação.

PELA VERCEL

Ver a Vercel publicar

Abra o painel da Vercel e clique no projeto meu-primeiro-sistema. Na aba Deployments, a publicação nova aparece no topo, com a frase do seu commit. Ela passa por Building (montando) e, em um ou dois minutos, fica Ready (pronta).

Abra o seu endereço .vercel.app e recarregue a página: o texto agora termina com Feito por e o seu nome.

POR VPS

Ver o Coolify publicar

Abra o painel do Coolify, entre no projeto e clique no sistema. Na aba Deployments, a publicação nova aparece no topo, primeiro como In progress (em andamento). Clique nela para ver o Coolify montando a imagem pelo Dockerfile. Em uns dois a quatro minutos ela fica Finished (pronta).

Abra https://seudominio.com.br (o seu) e recarregue a página: o texto agora termina com Feito por e o seu nome.

Não deu certo? Veja o que fazer
  • O git push respondeu Everything up-to-date: o commit não foi feito. Rode git status: se ainda aparecem arquivos em vermelho, faça o git add -A e o git commit de novo.
  • A publicação nova não apareceu no painel: confira no GitHub se o commit chegou (a frase dele aparece na página do repositório). Se chegou e o painel não reagiu, a ligação entre os dois se perdeu: refaça a parte do aplicativo do GitHub na etapa de publicar do seu caminho.
  • A publicação falhou (Error ou Failed): clique nela e leia o fim do registro. Copie as últimas linhas e mostre ao Claude: "A publicação falhou com este erro: (cole aqui). O que aconteceu?". O site continua no ar com a versão anterior enquanto isso.
  • A página não mudou: recarregue sem guardar cópia (Ctrl + Shift + R no Windows, Cmd + Shift + R no Mac) e confira se a publicação já está pronta.

Travou nesta etapa? Me conta o que aconteceu.

ESTE GUIA FAZ PARTE DE UM CURSO

Curso de Introdução

Três guias, na ordem, para sair do zero e ter o seu próprio sistema funcionando com a ajuda do Claude. Não precisa saber programar.

Este é o guia 3 de 3.

Ver o curso completo →