Déploie ton projet Claude Code sur Hostinger — en toute sécurité
Mettez un projet Claude Code en ligne : poussez-le sur GitHub en toute sécurité, lancez-le sur Hostinger et transformez votre build local en site web accessible à tous.
Feuille de route et ressources
Connecte VS Code à GitHub
Connecte-toi avec GitHub
VS Code Sign In Continue with GitHub
Crée un dépôt GitHub vide
Crée le dépôt
GitHub New Repository
Choisissez un nom de dépôt clair Sélectionnez Private Laissez README, la licence et .gitignore décochés Créez le dépôt Copiez l'URL HTTPS
Teste en local, puis pousse sur GitHub
Fais un test rapide en local
Télécharger Node.js
Installez Node.js uniquement si npm n'est pas disponible.
https://nodejs.org/en
npm install
npm run dev
Ouvrez l'URL locale et vérifiez que le projet fonctionne correctement.
Utilise le prompt de publication sécurisée
Télécharger Git
Installez Git uniquement s'il n'est pas disponible.
https://git-scm.com/
Prompt pour pousser sur GitHub en toute sécurité
Ajoute l'URL de ton dépôt GitHub ci-dessous, puis utilise le prompt personnalisé dans Claude Code.
J'ai déjà créé un dépôt GitHub vide. URL du dépôt GitHub : {{GITHUB_REPOSITORY_URL}} Merci de préparer et de pousser ce projet local vers ce dépôt GitHub. Règles : - Ne change pas le code de l'app, l'UI, le design, les routes, la logique de base de données, la logique du backend, la logique Supabase ni les fonctionnalités. - Occupe-toi uniquement de la publication Git et GitHub. - Vérifie d'abord le statut Git, la branche, les remotes, .gitignore et les fichiers suivis. - Assure-toi que .env et .env.local ne sont pas committés. - Assure-toi que les fichiers générés comme node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store et les fichiers de log sont ignorés. - Si des fichiers inutiles sont déjà suivis, retire-les uniquement du suivi Git. Ne supprime pas les vrais fichiers du projet. - Utilise main pour un nouveau dépôt, sauf si une branche existante doit être conservée. - Connecte ce projet à l'URL du dépôt GitHub. - Crée un commit propre si nécessaire. - Pousse le projet sur GitHub. Si le push échoue, diagnostique et corrige uniquement la configuration Git/GitHub. Ne change pas les fonctionnalités de l'app. Avant toute action destructive, explique ce que tu as trouvé et ce que tu comptes faire.
URL du dépôt GitHub
https://github.com/username/repository-name.git
Déploie sur Hostinger
Ouvre Hostinger
Ouvre Hostinger
Commence la configuration de ton hébergement pour cette étape.
RECOMMANDÉ
https://www.hostg.xyz/SHJTL
Crée une app web Node.js
Hostinger Websites Add Website Node.js Web App
Importe ton dépôt GitHub
Ajoutez les variables d'environnement si nécessaire
Demandez à Claude Code quelles variables d'environnement votre projet nécessite, puis ajoutez uniquement ces valeurs dans Hostinger.
Variables Supabase utilisées dans ce tutoriel
VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY
VITE_SUPABASE_URL
URL du projet
VITE_SUPABASE_ANON_KEY
Clé anon (publique)
Récupérez ces valeurs dans Supabase
Ouvrir les paramètres API
https://supabase.com/dashboard/project/_/settings/api
Ouvre ton site web en ligne
Testez les pages principales et vérifiez que les fonctionnalités du projet marchent correctement en ligne.
Mets à jour et annule les erreurs
Publiez les mises à jour futures
Effectuez la modification avec Claude Code Testez la modification en local Vérifiez les fichiers dans Source Control Faites un commit avec un message court Synchronisez les modifications vers GitHub
Hostinger redéploiera automatiquement la dernière version.
Annulez les modifications locales non souhaitées
VS Code Source Control Modified File Discard Changes
VS Code Source Control More Actions Changes Discard All Changes
N'utilisez ces options qu'avant de commiter ou de synchroniser les modifications.