Mettre un Claude Artifact sur son propre domaine : ce qui se transfère

Vous pouvez partager un Claude Artifact avec son lien publié dans Claude, mais cela ne le place pas sur votre propre domaine. Pour utiliser une adresse que vous contrôlez, transférez le code dans un projet, vérifiez ses dépendances puis déployez-le avec un hébergement adapté. Copier un simple fichier HTML peut ne pas suffire, en particulier si l’Artifact utilise les fonctions d’IA intégrées à Claude.

L’aide actuelle d’Anthropic indique que vous pouvez consulter le code d’un Artifact, le copier ou télécharger ses fichiers depuis sa fenêtre. Son guide du prototype à la production conseille de transférer le code dans un éditeur lorsque vous avez besoin d’une infrastructure plus robuste. Ces étapes ne configurent pas automatiquement un domaine et ne transfèrent pas le comportement IA hébergé par Claude.

Déterminez d’abord si un domaine est nécessaire

Pour présenter un prototype, le lien publié de l’Artifact peut suffire. Si vous avez besoin d’une adresse à votre marque, d’un déploiement indépendant, de vos propres outils d’analyse ou du contrôle de l’environnement d’exécution, créez un projet à partir du code exporté. Gardez l’Artifact d’origine accessible pendant les tests.

Transformez le code en projet déployable

1. Ouvrez l’Artifact et consultez les fichiers dans la vue du code. Copiez ou téléchargez-les avec les options proposées par Anthropic.
2. Ouvrez-les dans un éditeur et identifiez le point d’entrée, le framework, la commande de compilation et le dossier de sortie. Un fichier HTML peut être statique ; un composant React ou plusieurs fichiers source peuvent nécessiter une structure de projet et une étape de build.
3. Lancez le projet en local et vérifiez les erreurs du navigateur, les routes, les ressources et les formulaires. L’aperçu de l’éditeur n’est pas une mise en production.
4. Placez le projet dans GitHub, GitLab ou Bitbucket. Vérifiez les modifications et excluez .env, les identifiants, les données privées et les fichiers générés qui ne doivent pas être publics.

Si le projet produit des fichiers statiques, Hostbrid Projects peut déployer un dépôt Git connecté. Choisissez la bonne branche et vérifiez les paramètres de compilation et de sortie. Projects n’importe pas directement un Artifact publié : il faut d’abord un dépôt qui contient les fichiers du projet. Si l’application nécessite un processus permanent, des conteneurs ou l’accès au système d’exploitation, vérifiez si un VPS convient mieux et prévoyez d’administrer ce serveur.

Vérifiez les fonctions d’IA avant la publication

Un Artifact doté d’IA peut dépendre de fonctions Claude exécutées dans Claude.ai. Anthropic précise que les utilisateurs se connectent avec leur propre compte Claude pour ces fonctions et que les Artifacts ne peuvent ni appeler des API externes ni utiliser de stockage persistant. Exporter le code ne fournit donc pas automatiquement le même service d’IA, l’identité des utilisateurs ou la conservation des données dans un site autonome.

Pour une application en production, définissez l’authentification, l’API d’IA appelée par l’application, l’emplacement de la clé, les limites et les coûts d’utilisation ainsi que le besoin de conserver des données. Gardez les secrets du fournisseur côté serveur : une clé intégrée au JavaScript du navigateur ou à une variable publique VITE_* est visible par les visiteurs. N’ajoutez un backend et du stockage que si l’application en a besoin, et vérifiez les conditions et tarifs actuels du fournisseur.

Connectez le domaine et testez le site

Quand le projet fonctionne sur l’URL temporaire du déploiement, connectez le domaine dans le panneau d’hébergement et suivez les consignes DNS affichées pour le projet. Testez ensuite HTTPS, les redirections, l’accès direct aux routes internes, les formulaires, les retours d’authentification et les appels d’IA. Attendez la propagation DNS et la délivrance du certificat. Gardez un moyen de renvoyer les visiteurs vers l’Artifact pendant les essais du nouveau site.

Le parcours est Artifact → fichiers de code → dépôt Git → déploiement testé → domaine personnalisé. Il s’agit d’une migration vers un autre site, pas d’un renommage du lien Claude existant. Consultez l’aide d’Anthropic sur les Artifacts et leur export, son guide du prototype à la production et Hostbrid Projects. Comparez les offres actuelles au runtime et aux ressources requis par votre projet.