Publique um site com vários arquivos pelo ChatGPT ou Claude com um só pedido

Peça à sua IA para publicar o projeto inteiro, não um arquivo só. Desde outubro de 2026 o conector do Hostilo aceita uma lista de arquivos: index.html, CSS, JavaScript, logos SVG e fontes. Tudo vai ao ar numa única chamada, e os links entre os arquivos são corrigidos automaticamente.

Por que sites com vários arquivos davam trabalho

Apps de IA gostam de dividir o código como um desenvolvedor: index.html, css/style.css, js/app.js e um logo em img/. Na maioria das hospedagens sobram duas opções. Juntar tudo à mão num arquivo só, ou enviar cada arquivo separado e conferir cada caminho. Um caminho errado e a página abre sem estilo.

O que mudou: a ferramenta publish_files

O conector MCP do Hostilo ganhou uma ferramenta nova, publish_files. A IA envia todos os arquivos de uma vez e o Hostilo:

• publica o index.html como sua página e guarda a versão anterior no histórico;
• coloca os demais arquivos em assets/ mantendo as pastas (assets/css/style.css, assets/img/logo.svg);
• reescreve os links relativos do index.html, então href="css/style.css" vira href="assets/css/style.css";
• não mexe em links externos, âncoras nem mailto:.

A IA escreve caminhos relativos normais. Ela não precisa saber nada da pasta assets/.

Como fazer

Crie uma landing page para minha padaria em arquivos separados:
index.html, css/style.css, js/menu.js e um logo SVG em img/logo.svg.
Publique todos no site padaria-demo do Hostilo.

O que a IA envia de verdade

Você nunca precisa digitar isso, mas ajuda saber o que acontece por trás:

{
  "site": "bakery-demo",
  "files": [
    { "path": "index.html", "content": "<!DOCTYPE html><html>..." },
    { "path": "css/style.css", "content": "body { font-family: system-ui; }" },
    { "path": "img/logo.svg", "content": "<svg xmlns=..." },
    { "path": "fonts/brand.woff2", "content": "d09GMgABAAAA...", "encoding": "base64" }
  ]
}

Arquivos de texto vão como texto normal. Arquivos binários, como fontes ou imagens PNG, vão em base64 com "encoding": "base64".

Já tem o projeto num ZIP?

Se os arquivos já existem (um template, uma exportação de outra ferramenta ou uma pasta que você mesmo compactou), há dois caminhos:

• Editor: Mais → Importar → Projeto de um arquivo ZIP. Primeiro aparece uma prévia: o que vira a página, quantos arquivos vão para assets/ e o que é ignorado.
• Conector: a ferramenta import_zip aceita um link público (zip_url), por exemplo um arquivo do GitHub, ou o próprio arquivo em base64.

O Hostilo hospeda arquivos estáticos: HTML, CSS, JavaScript, imagens e fontes. Um projeto em React, Vue ou Next.js precisa ser compilado antes. Compacte a pasta de saída (normalmente dist ou build), não o código-fonte.

Para desenvolvedores: a API REST

As duas operações também funcionam com uma chave de API hk_ do painel:

curl -X POST "https://hostilo.app/api?action=publish_files" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"site_id":123,"files":[{"path":"index.html","content":"<h1>Hi</h1>"},{"path":"css/style.css","content":"h1{color:#3671E9}"}]}'

curl -X POST "https://hostilo.app/api?action=import_zip&site_id=123" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/zip" --data-binary @site.zip

Use dry_run para receber o relatório sem mudar nada e clear_assets para esvaziar assets/ antes. Referência completa: hostilo.app/agents.

Limites e segurança

Cada publicação guarda o index.html anterior no histórico de versões (as 10 últimas). Peça à IA para “restaurar a versão anterior” ou clique nela no editor. Arquivos em assets/ com o mesmo caminho são substituídos, o resto continua onde está.

Perguntas frequentes

Preciso do Hostilo PRO para isso?

Não. publish_files e import_zip funcionam no plano grátis, dentro do limite de espaço dele.

A IA vai sobrescrever meus arquivos atuais?

Só arquivos com o mesmo caminho são substituídos. O resto fica, a menos que você peça para esvaziar a pasta assets antes. Um teste (dry run) mostra a lista antes de publicar.

Meu projeto já tem uma pasta chamada assets. Isso é um problema?

Não. Caminhos que já começam com assets/ não ganham um segundo prefixo, então assets/css/style.css continua assets/css/style.css.

Posso publicar várias páginas, como about.html?

Sim. Páginas extras vão para assets/ (por exemplo assets/about.html), o link do index.html é atualizado e os links de volta para o index.html são corrigidos.

Sem tempo? Leia Publique seu site pelo Claude ou ChatGPT em menos de 30 segundos.