Comment publier un artifact Claude comme un vrai site web
Claude vous a construit un joli site dans un artifact. Vous avez cliqué sur « Publish » et obtenu un lien sur claude.site, dans l’interface d’Anthropic. Parfait pour montrer une démo, mais ce n’est pas votre site. Voici comment mettre en ligne votre page générée par Claude comme un vrai site, à votre propre adresse.
Claude excelle vraiment dans la création de pages web. Demandez une landing page, un portfolio ou une page de présentation, et il génère un artifact complet que vous prévisualisez en direct dans la conversation. Le code produit est autonome : HTML, CSS et JavaScript dans un seul fichier. C’est justement le format idéal pour un hébergement instantané.
Le problème, c’est la dernière étape. Le bouton Publish intégré à Claude crée un lien sur le domaine d’Anthropic, dans son interface. Impossible de le placer à votre adresse, vous n’en avez pas le contrôle total, et cela ressemble clairement à une « démo Claude » plutôt qu’à un vrai site. Si vous voulez quelque chose que vous utiliserez vraiment, pour une entreprise, un portfolio ou un projet, il faut placer ce HTML sur un véritable hébergement. Bonne nouvelle : cela prend environ une minute.
D’abord, récupérez le HTML depuis Claude
Claude propose plusieurs façons d’extraire le code brut d’un artifact. Toutes fonctionnent :
- Bouton de copie : dans le panneau d’artifact à droite, cliquez sur l’icône de copie (coin supérieur) pour copier tout le code dans le presse-papiers.
- Bouton de téléchargement : repérez l’icône de téléchargement (flèche vers le bas) ; Claude enregistre l’artifact en fichier
.htmldans vos téléchargements. - Demandez simplement : écrivez « Montre-moi le HTML complet de cet artifact » et Claude colle tout le code dans la conversation. Sélectionnez tout, copiez.
Astuce : demandez un seul fichier HTML
Si Claude a construit l’artifact en React, demandez-lui : « donne-moi cela sous forme d’un seul fichier HTML autonome, avec tout le CSS et le JavaScript intégrés ». Un fichier HTML unique est ce qu’il y a de plus simple à héberger : rien à construire ni à assembler, il fonctionne dès que vous le collez.
Pas à pas : de l’artifact Claude à un site en ligne
Copiez le HTML de l’artifact
Utilisez le bouton de copie ou de téléchargement du panneau d’artifact, comme décrit ci-dessus. Vérifiez que vous avez la page complète : elle doit commencer par <!DOCTYPE html> et se terminer par </html>.
Créez un compte d’hébergement gratuit
Créez un compte Hostilo gratuit. Cela prend environ une minute, sans carte bancaire. Choisissez un nom pour votre site : il devient votre adresse publique, par exemple votre-nom.hostilo.page.
Collez, enregistrez, c’est en ligne
Ouvrez l’éditeur, collez le HTML de votre artifact et cliquez sur Enregistrer. Votre site est immédiatement en ligne à votre adresse, avec un certificat HTTPS gratuit. Pas d’habillage claude.site, pas d’interface Anthropic : juste votre page, sur le web ouvert.
« Publish » de Claude ou vrai hébergement : quelle différence ?
| « Publish » de Claude | Vrai hébergement | |
|---|---|---|
| Adresse | claude.site/... (domaine d’Anthropic) | Votre nom / votre domaine |
| Apparence | Une démo Claude | Un vrai site |
| Domaine personnalisé | Non | Oui (offres payantes) |
| Formulaires de contact, statistiques | Non | Oui |
| Contrôle total | Limité | Oui, c’est le vôtre |
Pour montrer rapidement une démo à un collègue, le Publish de Claude suffit. Pour tout ce qui doit être un vrai site, quelque chose que vous mettriez sur une carte de visite ou enverriez à un client, il vous faut un vrai hébergement avec votre propre adresse.
Modifier et mettre à jour ensuite
Votre artifact est un seul fichier autonome, les mises à jour sont donc simples. Envie de changer quelque chose ? Deux options : modifier le code directement dans l’éditeur Hostilo et enregistrer, ou revenir dans Claude, demander la modification, copier la nouvelle version et la coller à la place de l’ancienne. Dans les deux cas, le site est mis à jour aussitôt. Beaucoup itèrent simplement dans Claude et recollent : c’est la boucle la plus rapide.
Bonus : laissez Claude (ou votre agent IA) publier pour vous
Si vous utilisez Claude régulièrement, vous pouvez vous passer complètement du copier-coller : ajoutez https://hostilo.app/mcp comme connecteur personnalisé, connectez-vous et demandez à Claude « publie ceci sous ma-page » (guide dans la documentation). Si vous utilisez Cursor ou Windsurf, il existe une autre voie sans effort. Hostilo dispose d’une API pour les agents IA : votre assistant publie et met à jour des sites pour vous. Vous générez une clé API, la donnez à votre agent, et il déploie directement. Vous ne touchez jamais au tableau de bord. Pour la plupart des gens, le copier-coller suffit, mais si vous vivez dans des outils de code IA, la boucle est entièrement bouclée.
Prêt à mettre votre site IA en ligne ?
Collez votre code ChatGPT ou Claude, enregistrez et obtenez un lien en ligne avec HTTPS en quelques secondes. Gratuit pour commencer, sans carte bancaire.
Publier votre site gratuitement
