🚀 Sites: do localhost para o mundo

No módulo 2.1 você viu o localhost: o endereço que só existe dentro do seu computador. A página fica linda na sua tela, mas se mandar o link para alguém, não abre.

Publicar é copiar essa página para um computador que fica ligado o tempo todo na internet e dar a ela um endereço público. Esse serviço se chama hospedagem. A novidade é que o próprio Codex faz essa parte, sem você contratar nada à parte para projetos simples.

Como ler o desenho: à esquerda, a página mora no notebook e o celular do cliente não alcança. À direita, ela foi copiada para a nuvem, ganhou um link, e os celulares azuis abrem de qualquer lugar.

O Rui pediu ao Codex uma página com as promoções da semana, montada a partir do arquivo promocoes.csv da loja-rui. Ela ficou pronta em localhost. Agora ele quer mandar o link no grupo de clientes.

Há dois jeitos de pedir: escrever "transforme isso num site" na conversa ou usar o atalho /site. Os sites publicados ficam reunidos numa área própria do aplicativo, chamada Sites. O nome do botão pode mudar entre versões; procure por "Sites" no menu de explorar.

Como ler o desenho: o foguete sai do localhost (embaixo) e chega ao planeta "no ar" (em cima). Os três marcos azuis são as paradas obrigatórias: revisar a página, decidir quem pode abrir e só então publicar.

Transforme a página de promoções que está rodando no localhost num site publicado.
Antes de publicar: 1) confira se não há nenhum dado pessoal de cliente na página; 2) me mostre a lista de arquivos que vão subir; 3) deixe o site visível só para mim, eu abro para o público depois.
Quando terminar, me passe o endereço.

Todo site publicado tem uma chave de visibilidade. Público quer dizer que qualquer pessoa com o link abre. Privado quer dizer que só você, ou só o seu time, abre, e para isso precisa estar logado.

O catálogo de promoções do Rui é público: quanto mais gente vir, melhor. Já a Paula montou um painel com o andamento dos processos seletivos dos clientes dela. Esse fica privado, porque tem nome de candidato.

Como ler o desenho: o cadeado âmbar está aberto e as pessoas entram sem crachá. O azul está fechado: só entra quem fez login (direita); o visitante sem login (esquerda, cinza) fica de fora.

Cada site publicado ganha um painel de visitas, o que no mundo da internet se chama analytics. Ele mostra quantas pessoas abriram, em que dias e por qual caminho chegaram. O nome do botão pode mudar entre versões; procure pelo ícone de gráfico na página do site.

O Rui descobriu que as promoções que ele manda na segunda às 7h têm o dobro de visitas das que manda na sexta à tarde. Mudou o dia do envio sem precisar de ninguém para interpretar os números.

Como ler o desenho: cada barra é um dia. A barra âmbar (segunda) é o dia do envio às 7h e puxa a semana. O cartão à direita resume o que importa: total, aparelho e de onde as pessoas vieram. Os números são de exemplo.

Olhe as visitas do site de promoções nas últimas 4 semanas. Em até 5 linhas, me diga: qual dia e horário trazem mais visitas, de onde as pessoas chegam e uma mudança que eu deveria testar na próxima semana. Salve em relatorios/visitas-do-mes.md.

O site nasce com um endereço provisório, longo e sem cara de loja. Se o Rui já tem um nome registrado, como lojadorui.com.br, dá para ligar o domínio ao site. O Codex explica o passo a passo do registro e do apontamento; a parte de comprar ou renovar o nome é sua.

O segundo degrau é o banco de dados. Com ele o site deixa de ser só vitrine: guarda cadastro de clientes que querem receber promoções, logins, configurações. Para projetos simples, isso substitui contratar uma hospedagem tradicional. Os nomes das opções podem mudar entre versões.

Como ler o desenho: a placa à esquerda dá ao site um nome fácil de lembrar. O cilindro à direita é a memória do site: as setas vão e voltam porque ele grava o cadastro quando o cliente clica em "Quero receber" e lê de volta quando precisa.

O que olhar na tabela: a última coluna. Quanto mais o site guarda, mais decisões são suas, porque passam a envolver dados de outras pessoas.

Publicar ficou fácil a ponto de ser perigoso. Em dois minutos uma planilha com telefone de cliente pode virar página pública. No Brasil, a LGPD (Lei Geral de Proteção de Dados) diz que quem coleta dado pessoal responde por ele, inclusive o pequeno comerciante.

A regra do Rui virou linha no AGENTS.md da loja: "nenhum dado de cliente em página pública; antes de publicar, me mostre o que vai subir". Assim o Codex confere sozinho em toda publicação.

Como ler o desenho: a página só chega ao botão azul depois de passar pelo escudo. As quatro luzes verdes são as conferências que você pede ao Codex em toda publicação. Uma apagada, a página volta.