Héberger une app créée avec Claude Code : Git et déploiement

Claude Code peut vous aider à créer une application dans votre projet local, mais l’agent de programmation et l’hébergement sont deux choses différentes. Pour rendre l’app accessible sur une URL publique, inspectez le code, choisissez où elle s’exécute et connectez un domaine. Ce guide présente le parcours Claude Code → Git → Hostbrid, sans supposer qu’une application précise est compatible avant de l’avoir testée.

Anthropic décrit Claude Code comme un outil qui travaille depuis le terminal de votre environnement de développement. Si vous parlez d’un Artifact Claude, le parcours est différent : vous pouvez partager le prototype depuis Claude ; lorsque vous souhaitez transférer son code dans un éditeur et préparer votre propre infrastructure, consultez notre guide pour mettre un Artifact sur votre domaine.

1. Vérifiez ce que Claude Code a généré

Dans le dossier du projet, examinez package.json, le README, les fichiers de configuration et l’état Git. Identifiez le framework, la branche qui contient la bonne version, ainsi que les commandes d’installation, de compilation et de démarrage. Ne copiez pas aveuglément en production les commandes proposées par un agent : vérifiez qu’elles existent et lancez le projet en local.

Distinguez les fichiers que Claude vous a aidé à créer des services dont l’app dépend encore. Produit-elle du HTML statique ? Démarre-t-elle un processus Node ? Appelle-t-elle une API ou a-t-elle besoin d’une base de données, d’une connexion, de stockage ou de tâches planifiées ? Un site React peut être statique, mais une route serveur ou une action backend change le besoin d’hébergement.

2. Protégez les clés et services externes

Recherchez les références à process.env, import.meta.env, aux API, à OAuth et aux fichiers .env. Ajoutez .env à .gitignore avant le premier push et ne publiez jamais une clé API dans le dépôt ou dans le code exécuté par le navigateur. Stockez les secrets dans l’environnement d’exécution adapté et vérifiez les variables nécessaires à la compilation et au démarrage.

Si Claude a écrit du code qui appelle un fournisseur d’IA depuis React, déplacez la clé côté serveur avant la publication. Une variable VITE_* est intégrée au bundle du navigateur ; ce n’est pas un coffre-fort. Vérifiez aussi les quotas et coûts du fournisseur, CORS, les URL de retour OAuth et les règles d’accès à la base de données.

3. Envoyez le code et choisissez une destination

Envoyez le projet vers un dépôt Git et examinez le diff ainsi que les fichiers inclus. Hostbrid Projects peut connecter un dépôt pour déployer le projet ; les options dépendent du forfait et du mode de service. Si le dépôt ne génère que des fichiers statiques, Sites peut convenir. Si vous devez gérer le système et les conteneurs, envisagez un VPS ; vous administrez alors le serveur.

Dans Projects, choisissez la branche de production et validez les vraies commandes d’installation, de compilation et le dossier de sortie. Si l’app nécessite un processus Node ou Docker, vérifiez que le forfait inclut ce service et configurez le port et les variables selon l’application. Claude Code ne connecte pas lui-même le dépôt à Hostbrid, ne publie pas la compilation et ne configure pas automatiquement DNS ou HTTPS.

4. Testez avant de pointer le domaine

Commencez par l’URL temporaire. Ouvrez directement les routes internes et testez formulaires, authentification, appels backend et écritures. Vérifiez que les journaux ne contiennent aucun secret et que les intégrations acceptent le nouveau domaine. Une compilation réussie ne prouve pas que les routes, paiements ou données fonctionnent.

Après validation, connectez le domaine et vérifiez HTTPS, redirections et callbacks. Gardez l’ancien déploiement accessible jusqu’à vérification du nouveau. Pour une app avec des données, préparez une copie et un plan de restauration avant de modifier les schémas ou de déplacer le stockage.

En pratique : Claude Code aide à produire le code ; Git le versionne ; l’hébergement sert les fichiers ou exécute l’app ; les services externes gardent leur configuration et leurs coûts propres. Consultez les forfaits et ressources actuels avant le déploiement.

Sources : démarrage Claude Code d’Anthropic · Claude Artifacts : du prototype à la production · Hostbrid Projects