Do zero ao ar: como criar e publicar um site completo

Sair de "quero um site" até "o site está no ar" parece complicado quando você nunca fez isso, mas o processo inteiro cabe em três etapas: construir, guardar e publicar. Vou mostrar cada uma usando um exemplo prático, uma landing page simples pra capturar nome e e-mail de interessados numa aula gratuita sobre IA.

1. Construir: criar o site sem escrever código

Uso o Claude Code pra construir o site inteiro, sem escrever uma linha de código. No exemplo, pedi uma landing page com design moderno e minimalista, focada em captar nome e e-mail de quem tem interesse na aula.

Uma coisa que ajuda muito nessa etapa é conseguir ver o site em diferentes formatos direto na interface, desktop, tablet, celular, sem precisar abrir nada além da própria conversa com o modelo. Isso dá uma noção imediata de como o resultado vai ficar em cada tamanho de tela.

Até esse ponto, o site só existe no seu computador. Ele roda em localhost, ou seja, só você consegue ver, ninguém mais tem acesso a esse endereço.

2. Guardar: versionar com o GitHub

O próximo passo é subir o código pro GitHub. Isso guarda o projeto na internet e, mais importante, cria um histórico de versionamento, um tipo de checkpoint que permite voltar pra qualquer ponto anterior se algo der errado mais pra frente.

Vale deixar claro uma coisa que confunde bastante gente no início, subir o código pro GitHub não coloca o site no ar. O GitHub é um repositório de arquivos, não uma hospedagem. O site ainda não está acessível pra ninguém nesse momento.

Antes de subir, uso uma skill própria que chamo de "auditoria deploy". Ela analisa o código inteiro e verifica se está tudo certo antes de seguir pra hospedagem, isso evita boa parte dos erros que costumam aparecer só na hora de publicar.

Na hora de criar o repositório, dá pra escolher entre público ou privado. Prefiro sempre deixar privado, é só uma questão de manter os arquivos reservados, isso não muda em nada a visibilidade do site depois de publicado.

3. Publicar: colocar o site no ar

Com o código guardado e auditado, falta só um passo, hospedar. É aqui que o site deixa de existir só no seu computador e passa a ficar disponível pra qualquer pessoa, 24 horas por dia.

Uso a Hostinger pra isso. O plano Business é o que uso porque atende bem esse tipo de projeto, com espaço pra vários aplicativos e sites, recursos de CPU e memória suficientes, e domínio grátis incluso no primeiro ano. Deixo um cupom de desconto na descrição dos meus vídeos pra quem quiser usar o mesmo serviço.

O processo de deploy na Hostinger é direto:

1. Conectar a conta do GitHub
2. Escolher o repositório do projeto
3. Escolher o domínio, seja um domínio próprio ou um temporário pra testar primeiro
4. Implantar

Em poucos minutos o site está no ar, já com domínio próprio funcionando.

O que fica desse processo

Essa sequência, construir com o Claude Code, guardar com o GitHub, publicar com um serviço de hospedagem como a Hostinger, funciona pra qualquer tipo de projeto, não só landing pages. CRM, sistema interno, site institucional, o que muda é só a complexidade da etapa de construção. O processo de guardar e publicar é sempre o mesmo, e uma vez que você entende esse caminho, colocar qualquer projeto no ar deixa de ser uma barreira.