Como hospedar um site feito com ChatGPT ou Claude

Para hospedar um site feito com ChatGPT ou Claude, salve o resultado como um único arquivo HTML, suba para uma hospedagem estática e mande o link. A página abre em qualquer navegador, para qualquer pessoa, sem conta de nenhum dos lados. O processo todo leva uns dois minutos, e o site ganha um endereço próprio, por exemplo https://studio.htmlkin.io.

Os dois assistentes têm compartilhamento embutido, e em 2026 os dois lançaram ou mudaram esse recurso. O ChatGPT Sites hospeda sites só nos planos pagos. O Claude passou para um novo formato de artifact em 16 de setembro de 2026, e um artifact novo só abre para quem entra no Claude. Para um cliente, uma lista de convidados ou uma landing page pública, um link em uma hospedagem comum é o caminho que funciona para todo mundo.

A seguir: o que cada assistente oferece de fábrica, como tirar o código do chat, as quatro coisas que quebram no caminho e como publicar.

Resumo

• Peça ao assistente o site como um único arquivo HTML, com CSS e JavaScript dentro, e suba esse arquivo para uma hospedagem estática. No htmlkin, o primeiro link não pede cadastro.
• O ChatGPT Sites hospeda sites com banco de dados e login nos planos Plus, Pro, Business, Enterprise e Edu.
• Os artifacts do Claude criados depois de 16 de setembro de 2026 só abrem para quem tem conta no Claude. Os artifacts do Claude Code podem ganhar um link público nos planos Pro e Max.
• Componentes React, dados salvos, imagens provisórias e links entre páginas precisam de um ajuste antes de hospedar. Cada ajuste é mais um prompt.

O que o ChatGPT e o Claude oferecem de fábrica

Os dois assistentes mostram a página, e os dois têm um jeito de compartilhá-la. A diferença está em quem consegue abrir o link.

ChatGPT: blocos de código e ChatGPT Sites

O ChatGPT escreve o site em um bloco de código. Você alterna entre "Code" e "Preview" (código e prévia) para ver a página, e a prévia aceita páginas HTML e componentes React (Central de Ajuda da OpenAI, em inglês). O canvas, o painel lateral que fazia isso antes, saiu dos modelos GPT-5.5; quem paga ainda o mantém por um tempo nos modelos legados (notas de versão do ChatGPT).

O ChatGPT Sites foi lançado em beta público em 9 de julho de 2026. Você descreve o site, e o ChatGPT cria e hospeda em um endereço como name.openai.chatgpt.site. O Sites vem com banco de dados, armazenamento de arquivos e "Sign in with ChatGPT" (login com a conta do ChatGPT), e conecta um domínio que você já tem. Um site novo abre para você e para os administradores do seu workspace; o acesso público é uma configuração à parte (documentação do ChatGPT Sites).

Os limites pesam para um site pequeno:

• Só planos pagos: Plus, Pro, Business, Enterprise e Edu.
• Regiões: no lançamento, o Sites não está disponível no Espaço Econômico Europeu, na Suíça e no Reino Unido (Central de Ajuda da OpenAI).
• Sem download do código pela interface. O código-fonte fica no ChatGPT; levar o site para outro lugar significa recriar o arquivo.
• Limites de uso dependem do plano, e a OpenAI não publicou os números.

Claude: artifacts e Claude Code

O Claude mostra o site como um artifact, uma página no painel ao lado do chat. Em 16 de setembro de 2026, a Anthropic substituiu os artifacts do chat por um novo formato. Os artifacts criados antes dessa data viraram "artifacts legados": continuam funcionando e ainda podem ser publicados, mas não dá para criar novos (Central de Ajuda da Anthropic, em inglês).

Os dois formatos são compartilhados de jeitos diferentes (Publish and share artifacts):

• Um artifact legado publicado a partir de um chat: "Qualquer pessoa com o link pode ver e usar o artifact sem conta no Claude."
• Um artifact novo compartilhado por link: "Todo mundo precisa de uma conta no Claude. Quem não tem não consegue abrir um artifact compartilhado, mesmo com o link."

O Claude Code também publica artifacts. Um artifact novo é privado, e nos planos Pro e Max o botão "Share" (compartilhar) ativa um link que "qualquer pessoa na internet pode abrir, sem precisar entrar no claude.ai". A página precisa ficar abaixo de 16 MiB, e a política de segurança bloqueia toda imagem, script e fonte externos fora de uma lista curta de CDNs (documentação do Claude Code, em inglês).

Os serviços que compartilham, criam ou hospedam a página fora do Claude estão comparados em alternativas aos artifacts do Claude.

Na prática: o link embutido serve para um rascunho que você mostra a um colega que já usa o mesmo assistente. Um convidado de casamento, um cliente ou alguém que chegou pelo Google não tem conta no Claude e muitas vezes não tem plano pago do ChatGPT. Para essas pessoas, o site precisa estar em uma hospedagem comum.

Passo 1: tire o site do chat como um único arquivo HTML

Peça um arquivo só. Uma hospedagem estática serve o que você enviar, e um único .html autossuficiente é o mais fácil de subir e o mais difícil de quebrar. Cole isto no fim da conversa:

Me entregue o site inteiro como um único arquivo HTML. Coloque o CSS em uma tag <style> e o
JavaScript em uma tag <script> dentro do arquivo. Use HTML e JavaScript puros,
sem React e sem etapa de build. Deixe as imagens como links que eu possa trocar depois.

Depois tire o arquivo de lá:

• ChatGPT. Copie o bloco de código com o botão de copiar ou peça ao ChatGPT um arquivo .html para baixar. Salve como index.html.
• Claude, em um chat. Copie o código do painel do artifact. Os artifacts legados têm ali um controle de download, e o Claude Design exporta um design como HTML autônomo ou ZIP (Central de Ajuda da Anthropic).
• Claude Code. O arquivo já está no seu disco. Peça o caminho ao Claude.

Você também pode pular o arquivo. A página inicial do htmlkin tem a aba "Colar HTML": copie o código da resposta, cole e publique.

Passo 2: corrija as quatro coisas que quebram fora do chat

Uma página perfeita na prévia pode sair em branco ou meio quebrada em uma hospedagem. Quatro causas cobrem quase todos os casos, e cada uma se resolve com mais um prompt.

1. O site é um componente React. Os dois assistentes mostram prévia de React, então a resposta pode ser um arquivo .jsx com linhas de import no topo. Esse arquivo só roda no navegador depois de uma etapa de build. Peça: "Reescreva isto como um único arquivo HTML com JavaScript puro." Desenvolvedores que querem manter o React podem usar o claude-artifact-runner, um projeto Vite criado em 2024 com as bibliotecas que os artifacts usavam na época.

2. A página salva dados pelo assistente. Os artifacts do Claude podem guardar até 20 MB de texto do lado da Anthropic: respostas de enquete, anotações, configurações (Central de Ajuda da Anthropic). Esse armazenamento fica no claude.ai, então, em uma hospedagem, a chamada para salvar dá erro e o script para ali. Peça ao Claude para guardar os dados no navegador com localStorage ou para enviar as respostas do formulário a um serviço de formulários.

3. As imagens não apontam para lugar nenhum. A IA costuma encher a página de URLs provisórias ou de imagens escritas no HTML como longas strings data:. No Claude Code, a política de segurança bloqueia imagens externas, então as fotos acabam embutidas como strings data:, e cada foto deixa o arquivo mais pesado. Coloque as imagens de verdade em uma pasta images ao lado do index.html, peça ao assistente para apontar para elas como images/photo.jpg e suba a pasta ou um ZIP.

4. Links entre páginas. Um site de várias páginas feito em um chat costuma chegar como vários arquivos com links entre si. Em um artifact do Claude Code, links relativos simplesmente não são resolvidos (documentação do Claude Code). Salve cada página com o nome que os links usam (about.html, prices.html) em uma única pasta e suba a pasta.

Um limite vale para qualquer hospedagem estática: PHP, Python e bancos de dados não rodam nela. Uma loja com carrinho e contas de cliente precisa de um criador de sites ou do ChatGPT Sites. Landing pages, apresentações, relatórios, cardápios, convites, calculadoras e jogos funcionam bem, porque o JavaScript deles roda no navegador de quem visita.

Passo 3: publique o arquivo e pegue o link

Suba o arquivo e copie o endereço. No htmlkin são quatro passos:

1. Abra o htmlkin.io. O formulário de envio fica na página inicial.
2. Solte o arquivo. Um único .html, uma pasta ou um ZIP. Ou cole o código na aba "Colar HTML".
3. Escolha um nome para o subdomínio ou mantenha o aleatório.
4. Copie o link, por exemplo https://studio.htmlkin.io, e envie.

Todo site recebe HTTPS automaticamente e abre no celular. Sem conta, o link dura 24 horas. Com o cadastro gratuito, o site fica no ar enquanto receber visitas: depois de 30 dias sem acessos ele vai para o arquivo, e você pode restaurá-lo em até mais 30 dias. O plano grátis inclui um site, 20 MB de armazenamento e domínio próprio. Mais detalhes na página de hospedagem de HTML grátis.

Outras duas hospedagens servem para o mesmo arquivo:

• Netlify Drop: arraste a pasta para a página. Até você reivindicar o site com uma conta Netlify, o endereço fica protegido por uma senha temporária (Netlify Docs).
• GitHub Pages: grátis para repositórios públicos, com sites de até 1 GB e um limite flexível de 100 GB de tráfego por mês. Exige uma conta no GitHub e um repositório.

Se a página vai circular por e-mail ou mensageiro, o guia sobre como compartilhar um arquivo HTML compara todos os caminhos pelo que quem recebe vê.

Deixe o ChatGPT ou o Claude publicar o site por você

Dá para pular o download do arquivo. Duas ferramentas colocam a página no ar direto do chat.

Do ChatGPT: a extensão para o navegador. A extensão do htmlkin (página em inglês) adiciona o botão "Publish to htmlkin.io" aos blocos de código HTML no chatgpt.com. Clique nele, e o link público vai para a área de transferência. O primeiro link não pede conta.

Do Claude: o servidor MCP. Conecte o htmlkin ao Claude uma vez, e publicar vira um pedido no chat: "publique esta landing page em studio e me mande o link". No claude.ai e no Claude Desktop: Settings → Connectors → Add custom connector (configurações, conectores, adicionar conector personalizado), com o endereço que inclui a sua chave de API, do guia do MCP. No Claude Code é um comando só:

claude mcp add --transport http htmlkin https://htmlkin.io/mcp \
  --header "Authorization: Bearer hk_your_key"

Depois disso, o Claude publica o site, atualiza no mesmo endereço a cada edição e pode protegê-lo com um PIN. Cursor e outros clientes MCP se conectam do mesmo jeito. O servidor MCP e a REST API funcionam em todos os planos, inclusive o gratuito. O fluxo completo está na página publicar um site feito com IA.

Nossa experiência: criamos nossos relatórios internos como artifacts do Claude Code e mantemos cada um em um único endereço. O Claude edita a página e publica de novo no mesmo lugar, então o link que mandamos na semana passada sempre mostra os números mais recentes.

Cuide do site depois de compartilhar

Um link que você já mandou continua funcionando enquanto o site é atualizado por trás dele. Três recursos cobrem o que costuma vir depois:

• Atualizações no mesmo endereço. Envie uma nova versão pelo painel ou peça ao assistente via MCP. O endereço, o domínio e o PIN continuam os mesmos.
• Domínio próprio. Conecte studio.com com um registro DNS, em qualquer plano, inclusive o gratuito. O certificado SSL é emitido automaticamente.
• PIN. Quem acessa digita quatro dígitos antes de a página abrir, e o site fica fora das buscas. Disponível nos planos Pro e Business.

O Pro custa US$ 9,99 por mês e inclui 10 sites, 1 GB de armazenamento, proteção por PIN, QR codes e formulários de leads. A cobrança é em dólar no cartão de crédito internacional, e o banco pode acrescentar IOF. A comparação completa está na página de planos.

Perguntas frequentes

O ChatGPT consegue hospedar um site?

Sim, nos planos pagos. O ChatGPT Sites, em beta público desde 9 de julho de 2026, cria e hospeda um site nos planos Plus, Pro, Business, Enterprise e Edu. Nos planos Free e Go, peça ao ChatGPT o site como um único arquivo HTML e suba para uma hospedagem estática.

Como compartilhar um site que fiz com o Claude?

Baixe ou copie o HTML do artifact e publique em uma hospedagem estática. Um artifact novo do Claude compartilhado por link só abre para quem tem conta no Claude. Uma cópia hospedada abre para qualquer pessoa, e no htmlkin você recebe o link sem se cadastrar.

Preciso saber programar para hospedar um site feito com IA?

Não. O assistente escreve o código, e a hospedagem estática aceita o arquivo do jeito que está. A única "programação" é pedir um único arquivo HTML e, se algo quebrar, pedir ao assistente para corrigir a causa do Passo 2.

Por que o meu site gerado por IA fica em branco depois de subir?

Normalmente porque o código é um componente React, que o navegador não roda sem uma etapa de build. Peça ao assistente para reescrevê-lo como um único arquivo HTML com JavaScript puro. Se só algumas partes estiverem faltando, confira as imagens e os links entre as páginas.

Existe um jeito grátis de hospedar um site feito com ChatGPT ou Claude?

Sim. O htmlkin hospeda um site de graça com domínio próprio e dá um link de 24 horas sem conta. Netlify Drop e GitHub Pages são grátis com uma conta.

Pontos principais

• Peça um único arquivo HTML com o CSS e o JavaScript dentro. É o formato mais fácil de hospedar.
• O ChatGPT Sites exige plano pago. Os novos artifacts do Claude só abrem para quem usa o Claude.
• Antes de subir, confira quatro coisas: React, dados salvos, imagens e links entre páginas.
• Uma hospedagem estática dá um link que abre para qualquer pessoa, em qualquer aparelho.

Solte o arquivo no htmlkin.io e receba um link na hora.

Fontes

• Sites e Creating and using ChatGPT Sites — OpenAI, consultadas em 13 de outubro de 2026
• Working with writing blocks and code blocks in ChatGPT e ChatGPT release notes — Central de Ajuda da OpenAI, consultadas em 13 de outubro de 2026
• Publish and share artifacts e What are artifacts and how do I use them? — Central de Ajuda da Anthropic, consultadas em 13 de outubro de 2026
• Share session output as artifacts — documentação do Claude Code, consultada em 13 de outubro de 2026
• Claude Artifact Runner — Simon Willison, 2024
• Netlify Drop quickstart — Netlify Docs, consultada em 13 de outubro de 2026
• GitHub Pages limits — GitHub Docs, consultada em 13 de outubro de 2026