Como Publicar um HTML Feito com ChatGPT ou Claude

Você pediu uma página web ao ChatGPT, Claude ou Gemini e recebeu um paredão de HTML que fica ótimo no preview. A próxima pergunta é sempre a mesma: como coloco isso na internet para outras pessoas verem? Aqui está o caminho mais curto.

Passo 1: peça à IA um único arquivo autocontido

Antes de copiar qualquer coisa, peça à IA para colocar tudo em um arquivo só: "Me dê um único arquivo HTML com todo o CSS e JavaScript inline." Um index.html autocontido é dramaticamente mais fácil de hospedar, compartilhar e atualizar do que uma pasta de arquivos separados.

Passo 2: copie o código — nem precisa salvar um arquivo

No hdply, crie uma conta gratuita, abra o editor e cole o HTML da IA direto lá. Clique em publicar e a página está no ar no seu próprio endereço, algo como my-site.hdply.com, com HTTPS incluído. Se você já salvou o código como arquivo, arrastar e soltar também funciona.

Tempo total entre "a IA terminou de escrever" e "meus amigos podem abrir o link": cerca de um minuto.

Passo 3: itere com a IA, republique em segundos

O verdadeiro poder das páginas escritas por IA é a iteração: peça mudanças, receba código novo, cole, salve. Cada deploy é versionado automaticamente, então se a versão 5 quebrar algo, você restaura a versão 4 com um clique. Sem Git, sem pipeline de build — o ciclo é só conversar → colar → salvar.

Três coisas para conferir antes de publicar

• Nenhum segredo no código. Se a IA adicionou uma chave de API (para um widget de clima, um mapa, uma chamada de LLM), lembre-se de que a página é pública — qualquer pessoa pode ler o código-fonte. Use apenas chaves feitas para serem públicas, ou remova o recurso.
• Imagens precisam de URLs reais. As IAs às vezes referenciam imagens que não existem. Use links para imagens reais e hospedadas — ou peça à IA um SVG inline, que não precisa de arquivos externos.
• Teste no celular. Cole, publique e abra a URL no seu telefone. Peça à IA para corrigir qualquer coisa que pareça estranha; republicar leva segundos.

Por que não compartilhar só o chat ou um print?

Links de chat expiram, exigem conta e mostram seus prompts. Prints não são interativos. Uma URL de verdade é permanente, abre em qualquer dispositivo e parece um produto pronto — porque é um.

Veja também: Compartilhar um arquivo HTML como link · Como colocar um arquivo HTML na internet