Déploie ton projet Claude Code sur Hostinger — en toute sécurité

Connecte-toi avec GitHub

VS Code Sign In Continue with GitHub

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

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.

I already created an empty GitHub repository. GitHub repository URL: {{GITHUB_REPOSITORY_URL}} Please prepare and push this local project to that GitHub repository. Rules: - Do not change the app code, UI, design, routes, database logic, backend logic, Supabase logic, or functionality. - Only handle Git and GitHub publishing. - Check Git status, branch, remotes, .gitignore, and tracked files first. - Make sure .env and .env.local are not committed. - Make sure generated files like node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store, and log files are ignored. - If unnecessary files are already tracked, remove them from Git tracking only. Do not delete real project files. - Use main for a new repository, unless an existing branch should be preserved. - Connect this project to the GitHub repository URL. - Create a clean commit if needed. - Push the project to GitHub. If the push fails, diagnose and fix only the Git/GitHub setup. Do not change app functionality. Before any destructive action, explain what you found and what you plan to do.

URL du dépôt GitHub

https://github.com/username/repository-name.git

Ouvre Hostinger

Ouvre Hostinger

Commence la configuration de ton hébergement pour cette étape.

RECOMMANDÉ

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

Publishable key

Récupérez ces valeurs dans Supabase

Ouvrir Connect

https://supabase.com/dashboard/project/_?showConnect=true

Ouvre ton site web en ligne

Testez les pages principales et vérifiez que les fonctionnalités du projet marchent correctement en ligne.

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.