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.