Ferramentas de IA são boas para colocar uma página na tela. Elas são menos boas na pergunta seguinte: "Onde eu coloco isso para outra pessoa abrir?"
Esse vazio explica por que buscas como "site gerado por IA", "publicar site do ChatGPT" e "hospedar HTML gerado por IA" aparecem junto de uma dor bem prática. A pessoa já tem algo que parece um site. Agora precisa de uma URL pública, um jeito de testar e um caminho para domínio se a página passar pela revisão.
Primeiro, identifique o que a IA entregou
Sites gerados por IA geralmente chegam em um destes formatos:
| Saída | O que significa | Movimento de publicação |
|---|---|---|
| Um arquivo HTML | Tudo está embutido ou carrega de CDNs | Envie o arquivo como index.html. |
| Pasta HTML/CSS/JS | Um site estático normal | Envie a pasta ou o ZIP. |
| Projeto React/Vite | Código-fonte que precisa de build | Rode o build e envie dist. |
| App Next.js ou framework | Pode ser estático ou depender de servidor | Confirme se exporta arquivos estáticos. |
Não publique a pasta de código-fonte só porque ela contém o código. Na maioria dos projetos frontend modernos, o site no ar é a saída de build.
Para React e Vite, isso normalmente significa:
npm install
npm run build
Depois envie a pasta dist gerada. Para uma exportação HTML pura, confirme que a pasta enviada contém index.html na raiz.
Um bom processo para publicar site gerado por IA
O processo deve ser curto, mas não descuidado:
- Peça à ferramenta de IA uma saída estática ou um projeto pronto para build.
- Rode o projeto localmente se houver etapa de build.
- Envie a pasta final ou ZIP para uma URL de prévia.
- Confira layout, links, formulários, metadados e comportamento mobile.
- Compartilhe o link de prévia.
- Reivindique o projeto e adicione domínio se valer manter.
- Mantenha a versão anterior disponível para restaurar se algo piorar.
A ideia é preservar velocidade sem fingir que código gerado já nasce pronto para receber visitantes.
O DeployPages funciona bem nesse meio do caminho porque o primeiro deploy pode sair do navegador. Você publica a saída estática, recebe um link HTTPS e decide depois se o projeto entra em uma conta permanente ou em um processo por CLI. Veja o guia para publicar site do ChatGPT e o guia para publicar site do Gemini para exemplos por ferramenta.
O que conferir antes de compartilhar o link
Páginas geradas por IA falham em lugares previsíveis. Faça esta revisão antes de mandar a URL.
| Checagem | O que procurar |
|---|---|
| Navegação | Cada item de menu abre uma página ou seção real. |
| Imagens | URLs de imagem são locais, empacotadas ou externas de propósito. |
| Mobile | Botões, cards e títulos não se sobrepõem no celular. |
| Formulários | Formulários de contato têm destino real ou estão claramente desativados. |
| Metadados SEO | Título, descrição, favicon e imagem Open Graph existem. |
| Texto | Promessas provisórias, logos falsos, depoimentos inventados e lorem ipsum saíram. |
| Recursos | Imagens grandes estão comprimidas o bastante para uma página pública. |
O ponto dos depoimentos falsos não é cosmético. Desenvolvedores e compradores percebem prova social inventada rápido. Se a página gerada traz "mais de 10.000 equipes confiam" ou aspas de clientes que não existem, remova antes de publicar.
Quando a saída de IA cabe em hospedagem estática
Um site gerado é bom candidato para hospedagem estática quando:
- Não precisa de banco de dados no momento da requisição.
- Renderiza páginas como HTML, CSS e JavaScript.
- Usa interações no cliente, sem sessões de servidor.
- Tem formulários que enviam para um endpoint real ou serviço de terceiros.
- Pode ser rebuildado para uma pasta como
dist,build,outoupublic.
Não é candidato direto se precisa de autenticação no servidor, consultas ao vivo em banco, envio de arquivos, tarefas em segundo plano ou uma API privada no mesmo host. Você ainda pode usar frontend estático, mas essas partes precisam de um backend.
Por que começar pelo envio combina com ferramentas de IA
Criação de site com IA é iterativa. A primeira versão raramente é final. Você pede outra dobra inicial, muda a tabela de preço, remove uma seção ou troca um mockup de página única por um app React de verdade.
Começar por Git pode ajudar em desenvolvimento sério, mas também pode travar a primeira revisão. Talvez você nem saiba se o projeto merece repositório.
Começar pelo envio cria um ritmo mais limpo:
- Gere ou exporte.
- Publique um link de prévia.
- Peça feedback.
- Substitua por um build corrigido.
- Mantenha a versão que funcionou.
A documentação do Netlify Drop já menciona projetos vindos de ferramentas de geração de código por IA, um sinal claro de que esse comportamento deixou de ser nicho. O Cloudflare Pages Direct Upload também documenta o envio de arquivos pré-buildados do computador local. O tema comum é simples: IA cria mais artefatos de frontend do que pipelines tradicionais foram feitos para absorver.
Como preparar o projeto para domínio personalizado
Não aponte um domínio para o primeiro build gerado sem checar os detalhes públicos. Antes de conectar domínio:
- Troque títulos genéricos como "My Website" ou "Landing Page".
- Adicione um favicon real.
- Gere uma imagem Open Graph para links compartilhados não parecerem inacabados. A ferramenta de imagem OG ajuda.
- Confira expectativas de DNS com a consulta DNS.
- Confirme HTTPS depois que o domínio estiver ativo com o verificador SSL.
- Mantenha a URL de prévia até a propagação DNS estabilizar.
O DeployPages oferece domínios personalizados e SSL gratuito, mas DNS tem seu próprio tempo. Trate a URL de prévia como link de revisão e o domínio como etapa de lançamento.
Um prompt melhor para saída publicável
Se sua ferramenta de IA continua gerando código difícil de publicar, peça um alvo estático de forma direta:
Crie um site estático que possa ser publicado como HTML, CSS e JavaScript puros.
Coloque index.html na raiz do projeto.
Use caminhos relativos para imagens, CSS e JavaScript locais.
Não inclua depoimentos falsos, logos falsos de clientes ou métricas placeholder.
Inclua um README curto dizendo qual pasta deve ser enviada.
Para um app React:
Crie um app Vite React que gere uma pasta estática dist.
Evite APIs que dependem de servidor.
Não coloque variáveis de ambiente no bundle do cliente, a menos que sejam públicas.
Adicione instruções claras para npm install, npm run build e envio da pasta dist.
Pequenas mudanças no prompt economizam muita limpeza de publicação.
O ponto principal
O melhor fluxo para sites gerados por IA não é "a IA escreveu e a gente confia". É:
- Gerar o site.
- Fazer build ou exportar arquivos estáticos.
- Publicar um link de prévia.
- Revisar manualmente.
- Adicionar domínio quando a página merecer.
O DeployPages foi feito para essa passagem: upload pelo navegador para o primeiro link público, depois restaurar versão anterior, estatísticas, domínios e deploy via CLI quando o experimento vira um site que vale manter.