Comment publier du HTML créé avec ChatGPT ou Claude

hdply · 2026-07-04

Vous avez demandé une page web à ChatGPT, Claude ou Gemini et vous avez reçu un mur de HTML qui rend très bien dans l’aperçu. La question suivante est toujours la même : comment mettre ça en ligne pour que d’autres puissent le voir ? Voici le chemin le plus court.

Étape 1 : demandez à l’IA un seul fichier autonome

Avant de copier quoi que ce soit, demandez à l’IA de tout mettre dans un seul fichier : « Donne-moi un seul fichier HTML avec tout le CSS et le JavaScript inline. » Un index.html autonome est infiniment plus facile à héberger, à partager et à mettre à jour qu’un dossier de fichiers séparés.

Étape 2 : copiez le code — pas même besoin d’enregistrer un fichier

Sur hdply, créez un compte gratuit, ouvrez l’éditeur et collez directement le HTML de l’IA. Cliquez sur déployer et la page est en ligne sur votre propre adresse du type my-site.hdply.com, HTTPS inclus. Si vous avez déjà enregistré le code dans un fichier, le glisser-déposer fonctionne aussi.

Temps total entre « l’IA a fini d’écrire » et « mes amis peuvent ouvrir le lien » : une minute environ.

Étape 3 : itérez avec l’IA, redéployez en quelques secondes

La vraie force des pages écrites par IA, c’est l’itération : demandez des changements, récupérez le nouveau code, collez, enregistrez. Chaque déploiement est versionné automatiquement, donc si la version 5 casse quelque chose, vous pouvez restaurer la version 4 en un clic. Pas de Git, pas de pipeline de build — la boucle, c’est juste chat → coller → enregistrer.

Trois points à vérifier avant de publier

Aucun secret dans le code. Si l’IA a ajouté une clé API (pour un widget météo, une carte, un appel LLM), souvenez-vous que la page est publique — n’importe qui peut lire son code source. N’utilisez que des clés prévues pour être publiques, ou retirez la fonctionnalité.
Les images ont besoin de vraies URL. Les IA référencent parfois des images qui n’existent pas. Utilisez des liens vers de vraies images hébergées — ou demandez à l’IA du SVG inline, qui ne nécessite aucun fichier externe.
Vérification sur mobile. Collez, déployez, puis ouvrez l’URL sur votre téléphone. Demandez à l’IA de corriger ce qui ne va pas ; redéployer prend quelques secondes.

Pourquoi ne pas simplement partager la conversation ou une capture d’écran ?

Les liens de conversation expirent, exigent un compte et exposent vos prompts. Les captures d’écran ne sont pas interactives. Une vraie URL est permanente, s’ouvre sur n’importe quel appareil et ressemble à un produit fini — parce que c’en est un.