Como criar um site com o Claude

Os passos

1. Clique no botão Deploy to Cloudflare acima.
2. Entre na Cloudflare ou crie sua conta grátis.
3. Quando a Cloudflare pedir, conecte sua conta do GitHub. A Cloudflare copia o Dozokit Sites para ela.
4. Deixe os nomes sugeridos (dozokit-sites) como estão, a menos que você já tenha algo com esse nome.
5. No campo PASSWORD, digite a senha que você vai usar para entrar no Dozokit Sites: 12 caracteres ou mais. Anote.
6. Clique em Create and deploy e espere um ou dois minutos enquanto a Cloudflare cria o Dozokit Sites, o banco de dados e o espaço das fotos.
7. Quando a Cloudflare disser que terminou, role até o fim dessa página: o endereço do seu Worker (terminado em workers.dev, como dozokit-sites.seu-nome.workers.dev) e o botão para abri-lo estão lá. Abra, acrescente /admin no fim e entre com sua senha.
8. Conecte o Claude. No Claude (o app ou claude.ai), abra Customize → Connectors, clique em + Add e depois em Add custom connector.
9. Dê o nome Dozokit Sites e cole o endereço do seu Dozokit Sites terminado em /mcp, como https://dozokit-sites.seu-nome.workers.dev/mcp. Você o encontra, com um botão de copiar, na primeira tela depois de entrar no Dozokit Sites, ou em Settings (no alto, à direita) → Connections. Clique em Add.
10. O Claude abre uma página do Dozokit Sites para pedir sua permissão: entre se ele pedir e clique em Allow. O ChatGPT funciona do mesmo jeito, como conector personalizado nas configurações dele. Para desconectar um app, use Settings → Connections no Dozokit Sites.
11. De volta ao Dozokit Sites, digite seu site atual, se tiver um, e o que o Claude precisa saber. Copie o prompt que ele escreve e cole num novo chat do Claude.
12. O Claude propõe um design e pergunta só o que não consegue encontrar. Quando ele termina o site, o site abre sozinho no Dozokit Sites.
13. Confira, mude o que quiser e clique em Publish.

Troque textos e fotos você mesmo, de graça

No editor, os textos e fotos que você pode trocar sozinho ficam contornados em verde quando você passa o mouse, com a marca Edit text · free ou Change photo · free. Clique num deles: um texto abre numa caixa para você mudar, uma foto oferece Choose from your photos ou Upload a new one. Sem precisar do Claude, e nada mais na página muda. Para o resto, clique em Point at something for Claude: agora qualquer parte da página fica contornada em laranja, com o nome dela. Clique para escolher (o caminho, como Section “Photos” › Gallery › Photo, mostra onde ela fica; ↑ e ↓ passam para a parte em volta ou de dentro, Shift+clique adiciona mais), diga o que deve mudar e copie para o seu chat do Claude o prompt que o painel escreve. Done pointing, ou Esc, leva você de volta. Undo desfaz a última mudança; History, ao lado, lista todas as versões do site, cada uma com Go back to this. Settings (no alto, à direita) → Connections mostra quais apps de chat estão conectados, quando cada um usou o Dozokit Sites pela última vez, e um botão Disconnect.

Seu próprio domínio

Seu site já funciona no endereço workers.dev. Para colocá-lo no seu próprio nome, como encanador-silva.com.br, abra a aba Address do site e, em Your own domain, diga se você tem um. No, I need one: na Cloudflare, abra Workers & Pages, depois dozokit-sites, depois a aba Domains, e escolha Buy a domain; a Cloudflare vende pelo preço de custo e conecta sozinha. Yes, bought elsewhere (Registro.br, GoDaddy, Hostinger…): na Cloudflare, abra Domains e clique em Onboard a domain, escolha o plano Free, troque no seu registrador os nameservers do domínio pelos dois que a Cloudflare mostra (de alguns minutos a um dia) e depois adicione-o como domínio existente na aba Domains do dozokit-sites. Yes, on Cloudflare: é só adicioná-lo como domínio existente nessa aba Domains. Por último, digite o domínio na aba Address e clique em Check and connect: o endereço antigo passa a mandar os visitantes para o novo. Ou copie no Claude o prompt mostrado ali: ele guia você e conecta o domínio sozinho quando ele já estiver na Cloudflare. Cada site pode ter o próprio domínio. Seu link do Google Maps vai na mesma aba.

Receba as mensagens de contato por e-mail

As mensagens do formulário de contato de um site chegam na aba Messages dele. Para receber cada uma também no seu e-mail, abra Settings (no alto, à direita), depois Connections, depois Messages by email: digite seu e-mail e clique em Connect Resend. O Resend abre: crie sua conta grátis com esse mesmo e-mail, ou entre, e clique em Allow. De volta ao Dozokit Sites, clique em Send a test. O plano grátis do Resend envia até 100 e-mails por dia.

Conte visitantes com o Dozokit Analytics

Instale o Dozokit Analytics, também grátis e na sua própria conta da Cloudflare, e adicione seu site nele para pegar o site id. Em Settings (no alto, à direita) → Connections, digite uma vez o endereço do seu Dozokit Analytics. Depois, na aba Site settings do site, em Visitors, cole o site id e salve. Aí você vê as visitas, de onde elas vêm, e cada mensagem de contato como uma meta.

Trocar ou esquecer a senha

Troque em Settings (no alto, à direita) → Account, em Change password. Esqueceu? Na Cloudflare, abra o Worker, depois Settings → Variables and Secrets, e edite PASSWORD. A senha que você digitar ali funciona na hora.

Atualizar

Quando sai uma versão nova, o Dozokit Sites avisa no alto. Você atualiza pela sua cópia no GitHub:

1. No github.com, abra dozokit-sites, a cópia que a Cloudflare fez no seu nome.
2. Clique na aba Actions.
3. Clique em Update Dozokit Sites na lista à esquerda.
4. Clique em Run workflow e depois no botão verde Run workflow.

Só na primeira vez: o botão Deploy da Cloudflare copia tudo menos o botão de atualização, então adicione-o uma vez. No Dozokit Sites, abra Settings (no alto, à direita), depois Account, depois Updates. Cole o endereço da sua cópia no GitHub (como github.com/seu-nome/dozokit-sites) e clique em Add the update button. O GitHub abre o arquivo pronto para salvar: clique em Commit changes e confirme. O botão só instala uma versão depois de conferir que ela foi assinada pelo Dozokit; uma assinatura errada ou ausente o faz parar sem mudar nada. Ele mantém o seu wrangler.jsonc e a pasta .github. Se um dia o Dozokit pedir para você trocar o botão, clique em Replace it: o GitHub abre o arquivo com a versão nova na sua área de transferência, então selecione tudo nele, cole e clique em Commit changes.

Uns dois minutos depois, a Cloudflare já colocou a versão nova no ar sozinha, com as mudanças no banco de dados. Seus sites, fotos e mensagens continuam. O que há de novo em cada versão

Quem programa também pode atualizar por um terminal, num clone da própria cópia:

tag=$(curl -s https://api.github.com/repos/dozokit/sites/releases/latest | grep -o '"tag_name": *"[^"]*"' | cut -d'"' -f4)
git fetch https://github.com/dozokit/sites tag "$tag"
git checkout "$tag" -- . ':!wrangler.jsonc' ':!.github'
git commit -m "Update Dozokit Sites to $tag" && git push