ULTRA com Jarvis no ar·50% off nos 3 primeiros meses em qualquer plano·cupom SITE50 aplicado automático
AULA 16

Da Prévia pra Internet (Publicar o Site).

tela do Overclock com o site gerado pelo Squad aberto na prévia do navegador

Quando o Squad terminou de trabalhar no Módulo 4, ele fez duas coisas:

  1. Gerou os arquivos do site (HTML, CSS, imagens) dentro da sua pasta de trabalho no computador.
  2. Abriu uma prévia desses arquivos no navegador pra você ver.

Isso é diferente de "estar no ar". A prévia é local — só você que está na frente desse computador consegue ver. Pra que qualquer pessoa com o link consiga acessar, os arquivos precisam ir pra um servidor na internet.


O que é um servidor (sem complicar)

Pense assim: o site é uma casa. Agora ela está construída no terreno do seu computador — bonita, pronta, mas ninguém passa pela rua e vê. Hospedar é colocar essa casa num terreno que fica na internet, com um endereço público (o domínio).

Serviços como Netlify, Vercel e GitHub Pages são o terreno. Eles hospedam sites estáticos (como o gerado pelo CINEMA SITE) de forma gratuita ou por poucos reais por mês.


Publicando com a ajuda do assistente

O assistente do Overclock pode te guiar no processo de publicação passo a passo. Abra um painel com o Claude e peça:

Prompt pra copiar: "Quero publicar o site que você gerou pra mim no Netlify. Os arquivos estão na minha pasta de trabalho. Me explica o que eu preciso fazer, passo a passo, em linguagem simples."

Ele vai te orientar. Em geral, o fluxo é:

  1. Acessar netlify.com e criar uma conta gratuita (funciona com o seu Google).
  2. Arrastar a pasta do site (a que o Squad gerou) direto pra tela do Netlify.
  3. Em segundos, o Netlify sobe o site e te dá um endereço temporário (algo como restaurante-da-maria.netlify.app).
  4. Você já pode compartilhar esse link.
pasta do site gerada pelo Squad sendo arrastada para a tela do Netlify

Callout de honestidade: O processo exato de arraste / upload dentro do Overclock em si — se há um botão de "publicar" direto no app ou se você faz pelo navegador — depende da versão que você está rodando. ao vivo antes de seguir. Se travar, peça pro assistente: "Me guia pra publicar, não sei como fazer" — ele vai te mostrar o caminho.


Apontando o seu domínio

Se você já tem um domínio do seu negócio (ex.: restaurantedamaria.com.br), dá pra apontar ele pro site que você acabou de publicar.

Prompt pra copiar: "Eu já tenho o domínio [coloca o seu domínio aqui] registrado. Como eu aponto ele pro meu site no Netlify? Me explica passo a passo."

O assistente vai te pedir o nome do serviço onde você comprou o domínio (ex.: Registro.br, GoDaddy, Hostinger) e te guiar pelas configurações de DNS.

Não sabe o que é DNS? Não precisa. Você só vai seguir as instruções que ele der — copiar um código, colar num campo. Em até 24h, seu site estará no ar com o endereço certo.

tela de configuração de domínio personalizado no Netlify

Callout de honestidade: Propagação de DNS (o tempo pra o novo endereço funcionar em todo o mundo) pode levar de alguns minutos até 24h. É normal. Não é bug — é como a internet funciona.


MINI-VITÓRIA

Você colou o link do seu site pra alguém no WhatsApp e ela conseguiu abrir — num computador diferente do seu, numa cidade diferente da sua. O site está no ar. 🌐