Hébergez votre artefact Claude comme un vrai site

Claude a créé la page et elle s'affiche bien dans le panneau de l'artefact. Collez son code ci-dessous et obtenez une adresse à envoyer à qui vous voulez, en HTTPS et avec votre nom.

  • Une adresse du type votre-nom.hostilo.page en HTTPS
  • Jusqu'à 5 pages et 50 Mo, sans carte bancaire
  • Un éditeur de code avec aperçu en direct

Votre code reste dans ce navigateur. Une fois votre compte gratuit créé, il vous attend déjà dans l'éditeur.

Hostilo est dans l'annuaire des connecteurs de Claude

Ajoutez Hostilo à Claude une fois, puis dites simplement « publie ça sur Hostilo ». Claude envoie les fichiers lui-même, sans copier-coller.

Ajouter à Claude

Comment ça marche

  1. Ouvrez l'artefact dans Claude et utilisez Copier (ou Télécharger) en haut du panneau.
  2. Collez le code ici et cliquez sur Publier. Créez un compte gratuit avec votre e-mail.
  3. Choisissez un nom. Votre page est en ligne sur name.hostilo.page et vous pouvez la modifier dans le navigateur.

Un prompt qui donne du code prêt à publier

Crée cette page sous forme d'un seul fichier HTML contenant le CSS et le JavaScript, pas comme un composant React. Aucun fichier externe, sauf les polices et bibliothèques chargées depuis un CDN. Page :

Collez-le dans votre chat IA et décrivez votre page après les deux-points.

Les problèmes les plus fréquents

Claude m'a donné un composant React, pas du HTML

Les artefacts React (.jsx) nécessitent une étape de build. Demandez à Claude : « Convertis cet artefact en un seul fichier HTML autonome qui charge React depuis un CDN ». Le résultat se colle directement dans Hostilo.

Les images manquent après la publication

Claude renvoie souvent vers des fichiers qui n'existaient que dans le chat, comme image.png. Envoyez les images dans l'onglet Fichiers de l'éditeur avec les mêmes noms, ou demandez à Claude d'utiliser des URL d'images.

Les accents s'affichent mal

Vérifiez que le code contient <meta charset="UTF-8"> dans le head. Claude l'ajoute en général, mais il se perd si vous ne copiez qu'une partie du code.

Ce que vous obtenez avec l'offre gratuite

PRO ajoute votre propre domaine, 20 pages, 1 Go, aucun badge et un an de statistiques, pour $29 par an. Essai gratuit de 7 jours après l'inscription.

Questions

Le bouton Publier de Claude ne suffit-il pas ?

Il partage l'artefact sur claude.ai. Hostilo lui donne une adresse web normale et vous permet de modifier le code, d'ajouter des sous-pages, de brancher un formulaire de contact et plus tard votre propre domaine.

Claude peut-il publier sur Hostilo sans copier-coller ?

Oui. Ajoutez le connecteur Hostilo (https://hostilo.app/mcp) dans Claude, autorisez l'accès et dites « publie ceci sur Hostilo ». Claude envoie les fichiers lui-même.

La page reste-t-elle en ligne si je ferme le chat ?

Oui. La page est hébergée sur Hostilo, pas dans la conversation. Avec l'offre gratuite, connectez-vous simplement une fois par mois pour qu'elle ne soit pas mise en pause.

Puis-je modifier la page plus tard ?

Ouvrez-la dans l'éditeur, changez le texte ou le code et enregistrez. Ou collez une nouvelle version de Claude à la place de l'ancienne. Les dernières versions sont conservées pour revenir en arrière.

Lire le guide complet

Comment publier un artifact Claude comme un vrai site web

Guides associés

Mettez en ligne le site créé par ChatGPTDu chat ChatGPT ou de Canvas à un lien en ligne.Laissez votre agent de code publier le siteClaude Code, Codex, Cursor publient seuls.Envoyez un ZIP, obtenez un site webUn dossier entier en ligne en un envoi.Tous les guidesQue voulez-vous mettre en ligne ?

Votre page peut être en ligne en une minute

Inscrivez-vous avec une adresse e-mail et un mot de passe. Offre gratuite, sans carte bancaire.

Commencer gratuitement