Publier un site multi-fichiers depuis ChatGPT ou Claude en une seule demande

Demandez à votre IA de publier tout le projet, pas un seul fichier. Depuis octobre 2026, le connecteur Hostilo accepte une liste de fichiers : index.html, CSS, JavaScript, logos SVG et polices. Tout part en ligne en un seul appel, et les liens entre fichiers sont corrigés automatiquement.

Pourquoi les sites en plusieurs fichiers posaient problème

Les apps d’IA découpent volontiers le code comme un développeur : index.html, css/style.css, js/app.js et un logo dans img/. Chez la plupart des hébergeurs, il reste alors deux options. Tout fusionner à la main dans un seul fichier, ou envoyer chaque fichier séparément et vérifier chaque chemin. Un chemin faux, et la page s’affiche sans styles.

Ce qui change : l’outil publish_files

Le connecteur MCP de Hostilo a un nouvel outil, publish_files. L’IA envoie tous les fichiers d’un coup et Hostilo :

• publie index.html comme votre page et garde la version précédente dans l’historique ;
• range tous les autres fichiers dans assets/ en conservant leurs dossiers (assets/css/style.css, assets/img/logo.svg) ;
• réécrit les liens relatifs d’index.html : href="css/style.css" devient href="assets/css/style.css" ;
• ne touche pas aux liens externes, aux ancres ni à mailto:.

L’IA écrit des chemins relatifs normaux. Elle n’a rien à savoir du dossier assets/.

Comment faire

Crée une page d’accueil pour ma boulangerie en fichiers séparés :
index.html, css/style.css, js/menu.js et un logo SVG dans img/logo.svg.
Publie-les tous sur le site boulangerie-demo chez Hostilo.

Ce que l’IA envoie vraiment

Vous n’aurez jamais à le taper, mais c’est utile de savoir ce qui se passe en coulisses :

{
  "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" }
  ]
}

Les fichiers texte voyagent en texte brut. Les fichiers binaires, comme les polices ou les images PNG, voyagent en base64 avec "encoding": "base64".

Vous avez déjà le projet en ZIP ?

Si les fichiers existent déjà (un modèle, un export d’un autre outil ou un dossier compressé par vous), deux chemins sont possibles :

• Éditeur : Plus → Importer → Projet depuis un fichier ZIP. Vous voyez d’abord un aperçu : ce qui deviendra la page, combien de fichiers vont dans assets/ et ce qui est ignoré.
• Connecteur : l’outil import_zip accepte un lien public (zip_url), par exemple une archive GitHub, ou le fichier lui-même en base64.

Hostilo héberge des fichiers statiques : HTML, CSS, JavaScript, images et polices. Un projet React, Vue ou Next.js doit d’abord être compilé. Compressez le dossier de sortie (souvent dist ou build), pas le code source.

Pour les développeurs : l’API REST

Les deux opérations marchent aussi avec une clé API hk_ du tableau de bord :

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

Ajoutez dry_run pour obtenir le rapport sans rien modifier, et clear_assets pour vider assets/ d’abord. Référence complète : hostilo.app/agents.

Limites et sécurité

Chaque publication garde l’index.html précédent dans l’historique des versions (les 10 dernières). Demandez à l’IA de « restaurer la version précédente » ou cliquez dessus dans l’éditeur. Les fichiers d’assets/ au même chemin sont remplacés, le reste ne bouge pas.

Questions fréquentes

Faut-il Hostilo PRO ?

Non. publish_files et import_zip fonctionnent avec l’offre gratuite, dans sa limite de stockage.

L’IA va-t-elle écraser mes fichiers existants ?

Seuls les fichiers au même chemin sont remplacés. Le reste reste en place, sauf si vous demandez de vider d’abord le dossier assets. Un essai (dry run) montre la liste avant publication.

Mon projet a déjà un dossier assets. Est-ce un problème ?

Non. Les chemins qui commencent déjà par assets/ ne reçoivent pas de second préfixe : assets/css/style.css reste assets/css/style.css.

Puis-je publier plusieurs pages, comme about.html ?

Oui. Les pages en plus vont dans assets/ (par exemple assets/about.html), le lien depuis index.html est mis à jour et les liens de retour vers index.html sont corrigés.

Pressé ? Lisez Publier un site depuis Claude ou ChatGPT en moins de 30 secondes.