Mis à jour le 17 oct. 2026 ## Comment partager une page HTML créée avec l'IA ? Enregistrez le résultat de l'IA dans un seul fichier .html, importez-le ici et copiez le lien. La page s'affiche en direct dans une vue de navigateur isolée, donc la personne qui la reçoit voit la page fonctionnelle, pas le code. Si votre outil d'IA a produit un projet complet, compilez-le et publiez le dossier de sortie en site web ZIP. ### Un fichier est gratuit sur toutes les offres La plupart des outils de chat vous donnent une seule page : un tableau de bord, une calculatrice, un quiz, une maquette de landing. Importez ce .html et il devient un lien, y compris sur l'offre gratuite, jusqu'à 250 MB par fichier. [Hébergement HTML](https://linkinseconds.com/fr/html-hosting) ### Des applications IA complètes en site web Lovable, Bolt et v0 produisent généralement un projet complet, pas un seul fichier. Compilez-le, compressez le dossier de sortie (dist/ ou out/) et publiez-le avec l'hébergement de sites web de Pro, avec chaque route et chaque ressource servies. [Déployer un build Vite ou React](https://linkinseconds.com/fr/deploy-vite-react-build) ### Laissez Claude ou Cursor le publier pour vous Connectez notre serveur MCP à Claude Code, Cursor ou VS Code et demandez : « publie cette page en lien ». L'assistant importe le fichier sur votre compte et répond avec l'URL. [Documentation du serveur MCP](https://linkinseconds.com/fr/docs/mcp) ### Sûr à ouvrir, pour vous comme pour eux Le code généré s'affiche dans un cadre isolé sans accès de même origine, il ne peut donc lire les cookies de personne. Chaque import est vérifié par ses octets réels et analysé avant d'être rendu public. ### Ce qu'il faut vérifier avant de partager Du code React n'est pas encore du HTML. Un composant .jsx ou .tsx issu d'un chat ne tourne pas seul ; demandez à l'IA un seul fichier HTML autonome, ou compilez le projet et publiez la sortie. Les données enregistrées peuvent ne pas persister. Un lien HTML unique tourne en bac à sable, donc un code qui dépend de localStorage ou des cookies (une liste de tâches qui retient les éléments) peut ne rien conserver d'une visite à l'autre. Aucun serveur et aucun secret. L'hébergement statique ne sert que des fichiers ; ne collez jamais une clé d'API dans le HTML, car toute personne qui ouvre le lien peut la lire. ## Comment ça marche - 1 ### Obtenez un fichier .html autonome Copiez ou téléchargez le code depuis Claude, ChatGPT, Gemini ou votre éditeur et enregistrez-le sous index.html. Si l'IA l'a réparti en plusieurs fichiers ou a écrit un composant React, demandez-lui un seul fichier HTML avec le CSS et le JavaScript intégrés. - 2 ### Importez-le et connectez-vous Glissez le fichier sur la carte et connectez-vous avec Google. Le fichier est vérifié par ses octets réels et analysé, gratuit jusqu'à 250 MB et 500 MB en Pro. Une application compilée s'importe en ZIP via l'hébergement de sites web de Pro. - 3 ### Ouvrez le lien, puis partagez-le Ouvrez votre lien une fois pour vérifier que la page fonctionne, puis envoyez l'URL ou son code QR. Ajoutez un mot de passe ou une date d'expiration si vous le souhaitez, et suivez le compteur de vues pour savoir quand il a été ouvert. ## Artefacts Claude : enregistrer la page dans un seul fichier HTML Quand Claude crée une page, il l'affiche sous forme d'artefact à côté du chat. Ouvrez l'artefact et utilisez son option de copie ou de téléchargement pour récupérer le code, puis enregistrez-le dans un fichier qui se termine par .html (par exemple index.html). Vérifiez de quel type d'artefact il s'agit. Un artefact HTML est prêt à être importé tel quel. Un artefact React est un composant, pas une page, il ne tourne donc pas seul ; demandez à Claude de « le réécrire en un seul fichier HTML autonome, avec le CSS et le JavaScript intégrés et les bibliothèques chargées depuis un CDN » et enregistrez cette version. Glissez ensuite le .html dans l'outil d'import, connectez-vous et copiez votre lien. Si vous utilisez Claude Code plutôt que le chat, le fichier est déjà sur votre disque, et avec notre serveur MCP connecté, Claude peut le publier et vous donner le lien dans la même conversation. ## ChatGPT canvas et Gemini : copier le code dans un fichier ChatGPT et Gemini savent tous deux écrire et prévisualiser des pages web dans un panneau latéral. Le chemin le plus simple et le plus fiable est le même pour les deux : copiez le code complet, collez-le dans un éditeur de texte brut (Bloc-notes, TextEdit en mode texte, VS Code) et enregistrez-le sous index.html. Avant de copier, demandez à l'assistant de « tout mettre dans un seul fichier HTML », car les réponses séparent parfois le CSS et le JavaScript en blocs distincts, et un .html isolé ne peut pas charger les fichiers posés à côté de lui. Les images fonctionnent si elles pointent vers des adresses https:// complètes ou sont intégrées en data URI. Ouvrez une fois le fichier enregistré dans votre propre navigateur ; s'il s'affiche bien là, il s'affichera bien sur le lien. Importez-le, et la personne qui le reçoit voit la page fonctionnelle, sans compte ChatGPT ni Gemini pour la consulter. ## Lovable et Bolt : compiler le projet, puis publier le dossier Les générateurs d'applications comme Lovable et Bolt produisent un projet front-end complet, généralement React avec Vite, plutôt qu'un fichier HTML. Importer le code source ne fonctionne pas, car le navigateur a besoin de la sortie compilée. Récupérez d'abord le code : synchronisez le projet avec GitHub ou téléchargez-le, selon ce que propose votre outil. Ensuite, sur votre ordinateur, lancez npm install puis npm run build. Cela crée un dossier dist/ avec un index.html et le JavaScript et le CSS regroupés. Compressez ce dossier et publiez-le avec l'hébergement de sites web, qui nécessite Pro : nous trouvons l'index.html, servons chaque ressource avec le bon type et pouvons revenir à index.html pour les routes côté client, afin que les rechargements et les liens profonds fonctionnent. Si l'application parle depuis le navigateur à un backend hébergé comme Supabase, ces appels HTTPS continuent de fonctionner, à condition que ce service accepte les requêtes et les redirections de connexion depuis votre nouvelle adresse, ajoutez donc la nouvelle URL à sa liste d'adresses autorisées. ## v0 de Vercel : du HTML simple pour une maquette, un export statique pour une application v0 génère le plus souvent des composants React pensés pour Next.js. Vous avez deux options honnêtes. Pour une maquette rapide ou une landing que l'on doit seulement regarder, demandez à v0 « un seul fichier HTML statique utilisant Tailwind depuis un CDN », enregistrez-le sous index.html et importez-le comme un lien normal. Pour une vraie application, téléchargez le code et lancez-le en local. Si l'application n'a pas de fonctions serveur, définissez output: 'export' dans next.config, lancez le build, et Next.js écrit un dossier statique out/ que vous pouvez compresser et publier en site web avec Pro. Si elle dépend de routes API, de server actions ou d'un rendu à chaque requête, il lui faut une plateforme qui exécute un serveur Node, et l'hébergement statique ne convient pas ; nous préférons vous le dire plutôt qu'accepter l'import. ## Cursor, Codex et Claude Code : publier directement depuis votre éditeur Les agents de code écrivent de vrais fichiers, il n'y a donc rien à copier. Un seul report.html ou demo.html de votre projet se glisse tel quel dans l'outil d'import. Un projet avec une étape de build fonctionne comme Lovable : lancez le build et publiez le dossier de sortie en site web ZIP avec Pro. Le chemin le plus rapide reste notre serveur MCP. Ajoutez-le à Claude Code en une commande, ou à Cursor et VS Code via leur configuration MCP, avec une clé d'API tirée de votre tableau de bord. Demandez ensuite à l'agent de « créer un résumé d'une page de ces données en HTML et de le publier en lien », et il importe le fichier en passant par les mêmes contrôles que le site, puis répond avec l'URL. L'agent ne peut ni modifier les réglages des liens ni les supprimer ; ce contrôle reste le vôtre dans le tableau de bord. ## Un fichier HTML ou un site web ZIP : ce qu'il vous faut Comptez les fichiers. Si tout tient dans un .html (styles dans une balise