Comment héberger un site créé avec ChatGPT ou Claude

Pour héberger un site créé avec ChatGPT ou Claude, enregistrez le résultat dans un seul fichier HTML, déposez-le sur un hébergeur statique et envoyez le lien. La page s’ouvre dans n’importe quel navigateur, pour tout le monde, sans compte ni d’un côté ni de l’autre. L’opération prend deux minutes, et le site reçoit sa propre adresse, par exemple https://studio.htmlkin.io.

Les deux assistants proposent un partage intégré, et tous deux l’ont ajouté ou modifié en 2026. ChatGPT Sites n’héberge des sites qu’avec les offres payantes. Claude est passé à un nouveau format d’artefact le 16 septembre 2026, et un nouvel artefact ne s’ouvre que pour les personnes connectées à Claude. Pour un client, une liste d’invités ou une page de destination publique, un lien sur un hébergeur classique est la solution qui fonctionne pour tout le monde.

Au programme : ce que chaque assistant propose d’origine, comment sortir le code du chat, les quatre choses qui cassent en route et comment publier.

En bref

• Demandez à l’assistant le site sous forme d’un seul fichier HTML, CSS et JavaScript inclus, puis déposez ce fichier sur un hébergeur statique. Sur htmlkin, le premier lien ne demande aucune inscription.
• ChatGPT Sites héberge des sites avec base de données et connexion, avec les offres Plus, Pro, Business, Enterprise et Edu.
• Les artefacts Claude créés après le 16 septembre 2026 ne s’ouvrent que pour les visiteurs ayant un compte Claude. Les artefacts Claude Code peuvent recevoir un lien public avec Pro et Max.
• Les composants React, les données enregistrées, les images de substitution et les liens entre pages demandent une correction avant l’hébergement. Chaque correction tient en un prompt de plus.

Ce que ChatGPT et Claude proposent d’origine

Chaque assistant sait afficher la page, et chacun permet de la partager. La différence tient à qui peut ouvrir le lien.

ChatGPT : blocs de code et ChatGPT Sites

ChatGPT écrit le site dans un bloc de code. Vous basculez entre « Code » et « Preview » (aperçu) pour voir la page, et l’aperçu affiche les pages HTML et les composants React (centre d’aide OpenAI, en anglais). Canvas, le panneau latéral qui remplissait ce rôle, a disparu des modèles GPT-5.5 ; les utilisateurs payants le conservent encore quelque temps via les anciens modèles (notes de version ChatGPT).

ChatGPT Sites a été lancé en bêta publique le 9 juillet 2026. Vous décrivez le site, ChatGPT le crée et l’héberge à une adresse du type name.openai.chatgpt.site. Sites fournit une base de données, un stockage de fichiers et « Sign in with ChatGPT » (connexion avec ChatGPT), et se connecte à un domaine que vous possédez déjà. Un nouveau site s’ouvre pour vous et les administrateurs de votre espace de travail ; l’accès public est un réglage distinct (documentation ChatGPT Sites).

Pour un petit site, ses limites comptent :

• Offres payantes uniquement : Plus, Pro, Business, Enterprise et Edu.
• Régions : à son lancement, Sites n’est pas disponible dans l’EEE, en Suisse et au Royaume-Uni (centre d’aide OpenAI).
• Pas de téléchargement du code dans l’interface. Le code source reste dans ChatGPT ; déplacer le site ailleurs oblige à reconstruire le fichier.
• Les limites d’utilisation dépendent de l’offre, et OpenAI n’en a pas publié les chiffres.

Claude : artefacts et Claude Code

Claude affiche le site sous forme d’artefact, une page dans le panneau à côté du chat. Le 16 septembre 2026, Anthropic a remplacé les artefacts des chats par un nouveau format. Les artefacts créés avant cette date sont devenus des « anciens artefacts » (legacy artifacts) : ils continuent de fonctionner et peuvent toujours être publiés, mais on ne peut plus en créer (centre d’aide Anthropic, en anglais).

Les deux formats se partagent différemment (Publish and share artifacts) :

• Un ancien artefact publié depuis un chat : « Toute personne disposant du lien peut le consulter et l’utiliser sans compte Claude. »
• Un nouvel artefact partagé par lien : « Tout le monde doit avoir un compte Claude. Les personnes qui n’en ont pas ne peuvent pas ouvrir un artefact partagé, même avec le lien. »

Claude Code publie lui aussi des artefacts. Un nouvel artefact est privé, et avec Pro et Max le bouton « Share » (partager) active un lien que « n’importe qui sur Internet peut ouvrir, sans connexion à claude.ai ». La page doit rester sous 16 Mio, et la politique de sécurité bloque toutes les images, scripts et polices externes en dehors d’une courte liste de CDN (documentation Claude Code, en anglais).

Les services qui partagent, créent ou hébergent la page en dehors de Claude sont comparés dans alternatives aux artefacts Claude.

En pratique : le lien intégré convient à un brouillon que vous montrez à un collègue qui utilise déjà le même assistant. Un invité à un mariage, un client ou un visiteur venu de Google arrive sans compte Claude et souvent sans offre ChatGPT payante. Pour eux, le site doit vivre sur un hébergeur classique.

Étape 1 : sortir le site du chat en un seul fichier HTML

Demandez un fichier unique. Un hébergeur statique sert ce que vous déposez, et un fichier .html autonome est à la fois le plus simple à déposer et le plus difficile à casser. Collez ceci à la fin de votre conversation :

Donne-moi tout le site dans un seul fichier HTML. Mets le CSS dans une balise
<style> et le JavaScript dans une balise <script> à l’intérieur du fichier.
Utilise du HTML et du JavaScript purs, sans React ni étape de build. Garde les
images sous forme de liens que je pourrai remplacer plus tard.

Récupérez ensuite le fichier :

• ChatGPT. Copiez le bloc de code avec le bouton de copie, ou demandez à ChatGPT un fichier .html à télécharger. Enregistrez-le sous le nom index.html.
• Claude, dans un chat. Copiez le code depuis le panneau de l’artefact. Les anciens artefacts y ont un bouton de téléchargement, et Claude Design exporte une maquette en HTML autonome ou en ZIP (centre d’aide Anthropic).
• Claude Code. Le fichier est déjà sur votre disque. Demandez son chemin à Claude.

Vous pouvez aussi vous passer du fichier. La page d’accueil de htmlkin a un onglet « Coller du HTML » : copiez le code de la réponse, collez-le et publiez.

Étape 2 : corriger les quatre choses qui cassent hors du chat

Une page parfaite dans l’aperçu peut s’afficher vide ou à moitié cassée sur un hébergeur. Quatre causes couvrent presque tous les cas, et chacune se corrige avec un prompt de plus.

1. Le site est un composant React. Les deux assistants affichent un aperçu de React, si bien que la réponse peut être un fichier .jsx avec des lignes import en tête. Ce fichier ne s’exécute dans un navigateur qu’après une étape de build. Demandez : « Réécris ceci sous forme d’un seul fichier HTML en JavaScript pur. » Les développeurs qui veulent garder React peuvent utiliser claude-artifact-runner, un projet Vite créé en 2024 autour des bibliothèques qu’utilisaient alors les artefacts.

2. La page enregistre ses données via l’assistant. Les artefacts Claude peuvent stocker jusqu’à 20 Mo de texte chez Anthropic : réponses à un sondage, notes, réglages (centre d’aide Anthropic). Ce stockage vit sur claude.ai : sur un hébergeur, l’appel d’enregistrement renvoie une erreur et le script s’arrête là. Demandez à Claude de conserver les données dans le navigateur avec localStorage, ou d’envoyer les réponses du formulaire à un service de formulaires.

3. Les images ne pointent nulle part. L’IA remplit souvent une page d’URL de substitution ou d’images inscrites dans le HTML sous forme de longues chaînes data:. Dans Claude Code, la politique de sécurité bloque les images externes : les photos finissent intégrées en chaînes data:, et chaque photo alourdit le fichier. Placez vos vraies images dans un dossier images à côté d’index.html, demandez à l’assistant de les lier sous la forme images/photo.jpg, et déposez le dossier ou un ZIP.

4. Les liens entre pages. Un site de plusieurs pages créé dans un même chat arrive souvent sous forme de plusieurs fichiers qui se lient entre eux. Dans un artefact Claude Code, les liens relatifs ne sont pas résolus du tout (documentation Claude Code). Enregistrez chaque page sous le nom qu’utilisent les liens (about.html, prices.html) dans un même dossier, et déposez le dossier.

Une limite demeure sur tout hébergeur statique : PHP, Python et les bases de données n’y tournent pas. Une boutique avec panier et comptes clients demande un créateur de sites ou ChatGPT Sites. Pages de destination, présentations, rapports, menus, invitations, calculateurs et jeux fonctionnent sans problème, parce que leur JavaScript s’exécute dans le navigateur du visiteur.

Étape 3 : publier le fichier et obtenir un lien

Déposez le fichier et copiez l’adresse. Sur htmlkin, cela tient en quatre étapes :

1. Ouvrez htmlkin.io. Le formulaire de dépôt se trouve sur la page d’accueil.
2. Déposez le fichier. Un fichier .html seul, un dossier ou un ZIP. Ou collez le code dans l’onglet « Coller du HTML ».
3. Choisissez un nom de sous-domaine, ou gardez celui proposé au hasard.
4. Copiez le lien, par exemple https://studio.htmlkin.io, et envoyez-le.

Chaque site reçoit automatiquement le HTTPS et s’ouvre sur smartphone. Sans compte, le lien reste actif 24 heures. Après une inscription gratuite, le site reste en ligne tant qu’il reçoit des visites : au bout de 30 jours sans visite, il passe en archive, et vous pouvez le restaurer pendant encore 30 jours. L’offre gratuite comprend un site, 20 Mo de stockage et un nom de domaine personnalisé. Tous les détails sur la page hébergement HTML gratuit.

Deux autres hébergeurs acceptent le même fichier :

• Netlify Drop : glissez le dossier sur la page. Tant que vous n’avez pas rattaché le site à un compte Netlify, l’adresse est protégée par un mot de passe temporaire (Netlify Docs, en anglais).
• GitHub Pages : gratuit pour les dépôts publics, avec des sites jusqu’à 1 Go et une limite indicative de 100 Go de trafic par mois. Il faut un compte GitHub et un dépôt.

Si la page doit circuler par e-mail ou par messagerie, le guide partager un fichier HTML compare toutes les méthodes selon ce que voit le destinataire.

Laisser ChatGPT ou Claude publier le site à votre place

Pour publier un site fait avec ChatGPT ou Claude, vous pouvez même vous passer du téléchargement. Deux outils mettent la page en ligne directement depuis le chat.

Depuis ChatGPT : l’extension de navigateur. L’extension htmlkin (page en anglais) ajoute un bouton « Publish to htmlkin.io » aux blocs de code HTML sur chatgpt.com. Cliquez dessus, et le lien public est copié dans le presse-papiers. Votre premier lien ne demande aucun compte.

Depuis Claude : le serveur MCP. Connectez une fois htmlkin à Claude, et publier devient une simple demande dans le chat : « publie cette page de destination sur studio et donne-moi le lien ». Dans claude.ai et Claude Desktop : Settings → Connectors → Add custom connector (Paramètres → Connecteurs → Ajouter un connecteur personnalisé), avec l’adresse qui contient votre clé d’API, indiquée dans le guide MCP. Dans Claude Code, une seule commande suffit :

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

Claude publie alors le site, le met à jour à la même adresse après chaque modification et peut le verrouiller par code PIN. Cursor et les autres clients MCP se connectent de la même façon. Le serveur MCP et l’API REST fonctionnent avec toutes les offres, y compris la gratuite. L’ensemble de la démarche est décrit sur la page publier un site créé avec l’IA.

Notre expérience : nous créons nos rapports internes sous forme d’artefacts Claude Code et gardons chacun à une adresse unique. Claude modifie la page et la republie sur place, si bien que le lien envoyé la semaine dernière affiche toujours les derniers chiffres.

Faire vivre le site après l’avoir partagé

Un lien déjà envoyé continue de fonctionner pendant que le site est mis à jour derrière lui. Trois réglages couvrent ce qui vient en général ensuite :

• Des mises à jour à la même adresse. Déposez une nouvelle version depuis votre espace, ou demandez-la à votre assistant via MCP. L’adresse, le domaine et le code PIN restent les mêmes.
• Un nom de domaine personnalisé. Connectez studio.com avec un seul enregistrement DNS, avec toutes les offres, y compris la gratuite. Le certificat SSL est émis automatiquement.
• Un code PIN. Les visiteurs saisissent quatre chiffres avant l’ouverture de la page, et le site est masqué des moteurs de recherche. Disponible avec les offres Pro et Business.

L’offre Pro coûte 9,99 $ US par mois et comprend 10 sites, 1 Go de stockage, la protection par code PIN, les QR codes et les formulaires de contact. La comparaison complète se trouve sur la page des tarifs.

FAQ

ChatGPT peut-il héberger un site web ?

Oui, avec les offres payantes. ChatGPT Sites, en bêta publique depuis le 9 juillet 2026, crée et héberge un site avec les offres Plus, Pro, Business, Enterprise et Edu. Avec les offres Free et Go, demandez à ChatGPT le site sous forme d’un seul fichier HTML et déposez-le sur un hébergeur statique.

Comment partager un site créé avec Claude ?

Téléchargez ou copiez le HTML de l’artefact et publiez-le sur un hébergeur statique. Un nouvel artefact Claude partagé par lien ne s’ouvre que pour les personnes ayant un compte Claude. Une copie hébergée s’ouvre pour tout le monde, et sur htmlkin vous obtenez le lien sans inscription.

Faut-il savoir coder pour héberger un site créé par l’IA ?

Non. L’assistant écrit le code, et un hébergeur statique accepte le fichier tel quel. Le seul « code » à fournir consiste à demander un fichier HTML unique et, si quelque chose casse, à demander à l’assistant de corriger la cause décrite à l’étape 2.

Pourquoi mon site généré par l’IA s’affiche-t-il vide une fois en ligne ?

En général parce que le code est un composant React, qu’un navigateur ne peut pas exécuter sans étape de build. Demandez à l’assistant de le réécrire sous forme d’un seul fichier HTML en JavaScript pur. Si seules certaines parties manquent, vérifiez les images et les liens entre pages.

Peut-on héberger gratuitement un site créé avec ChatGPT ou Claude ?

Oui. htmlkin héberge gratuitement un site avec un nom de domaine personnalisé et fournit un lien valable 24 heures sans compte. Netlify Drop et GitHub Pages sont gratuits avec un compte.

À retenir

• Demandez un seul fichier HTML, CSS et JavaScript inclus. C’est le format le plus simple à héberger.
• ChatGPT Sites exige une offre payante. Les nouveaux artefacts Claude ne s’ouvrent que pour les utilisateurs de Claude.
• Avant le dépôt, vérifiez quatre points : React, données enregistrées, images et liens entre pages.
• Un hébergeur statique donne un lien qui s’ouvre pour tout le monde, sur n’importe quel appareil.

Déposez le fichier sur htmlkin.io et obtenez un lien tout de suite.

Sources

• Sites et Creating and using ChatGPT Sites — OpenAI, consultés le 13 octobre 2026
• Working with writing blocks and code blocks in ChatGPT et ChatGPT release notes — centre d’aide OpenAI, consultés le 13 octobre 2026
• Publish and share artifacts et What are artifacts and how do I use them? — centre d’aide Anthropic, consultés le 13 octobre 2026
• Share session output as artifacts — documentation Claude Code, consultée le 13 octobre 2026
• Claude Artifact Runner — Simon Willison, 2024
• Netlify Drop quickstart — Netlify Docs, consulté le 13 octobre 2026
• GitHub Pages limits — documentation GitHub, consultée le 13 octobre 2026