ETAPA 1 DE 9ETAPA 1 DE 12ETAPA 1 5 MIN
Por que colocar na internet
O que muda ao ir para a web, o que vira responsabilidade sua e os dois caminhos.
No guia anterior a demo rodou no seu computador: só você via, e ela desligava junto com ele. Neste guia ela vai para a internet: um endereço com cadeado que qualquer pessoa abre, no celular ou em outro computador, a qualquer hora.
O que muda
Para um site ficar no ar, ele precisa de um computador ligado 24 horas, conectado à internet, esperando quem abrir o endereço. Esse computador é o servidor. O seu notebook não serve para isso: ele desliga, muda de rede e não tem um endereço fixo.
O caminho do código fica assim:
- Seu computador: onde você e o Claude mudam o código.
- GitHub: onde o código fica guardado, num repositório privado (só você vê).
- Servidor: pega o código do GitHub, liga o sistema e entrega a página para quem abrir o endereço.
Depois de montar isso uma vez, publicar uma mudança vira um comando só, o git push. Você faz isso
na etapa Tarefa: atualizar com um push.
Quando não precisa
Nem todo sistema precisa ir para a internet. Uma ferramenta só sua, que roda no seu computador, pode ficar local para sempre: é mais simples e mais segura. Vá para a web quando outras pessoas precisarem abrir o sistema.
O que vira responsabilidade sua
No seu computador, só você abria a página. Na internet, qualquer um pode tentar abrir, inclusive robôs que passam o dia procurando sistemas mal protegidos. Por isso este guia cuida de três coisas em todo passo:
- Cadeado (HTTPS): o endereço começa com
https://e o navegador mostra o cadeado. Sem ele, o que a pessoa digita pode ser lido no caminho. - Nada de segredo no código: senha, token e chave nunca entram no repositório, nem no privado.
- Contas protegidas: GitHub, Vercel e servidor com senha forte e verificação em duas etapas. Quem entra na sua conta troca o seu site.
A demo já vem preparada: ela só responde nos endereços que a plataforma informa e manda as proteções certas em toda página.
Os dois caminhos
Na etapa Escolher o caminho você decide onde o sistema vai morar. Os dois funcionam, e lá eu mostro com calma os pontos fortes e fracos de cada um. Em resumo:
- Vercel: uma empresa que hospeda o sistema por você. Grátis para começar e no ar em poucos minutos, mas o plano grátis é só para uso pessoal, e o custo cresce junto com o uso.
- VPS com Coolify: um servidor alugado, só seu, com um painel (o Coolify) que faz o trabalho da Vercel. Preço fixo em reais e pode usar para ganhar dinheiro, mas você paga desde o primeiro dia e cuida da segurança do servidor.
As etapas até lá (atualizar a demo e guardar o código no GitHub) são iguais para os dois.
Travou nesta etapa? Me conta o que aconteceu.
ESTE GUIA FAZ PARTE DE UM CURSO
Curso Básico II
Três guias, na ordem, para sair do zero e ter um sistema de verdade no ar, com o plano Pro do Claude e técnicas de desenvolvimento mais avançadas. Não precisa saber programar.
Este é o guia 3 de 3.
Ver o curso completo →




