Hostinger et GitHub : mettre en ligne le site que l'IA a codé

Hostinger et GitHub : quel chemin construit votre site

Vous avez fait votre site avec Claude Code, Cursor, Bolt ou Lovable. Ouvrez son dossier et cherchez un fichier nommé package.json, la liste des briques dont le site a besoin. S'il est là, votre dossier doit être construit avant d'être publié : une commande fabrique les pages que le navigateur sait lire.

Hostinger relie GitHub à votre hébergement de deux façons. Les deux passent par GitHub. Le tableau montre ce que chacune fait de votre dossier.

Pages d'aide de Hostinger lues le 20 octobre 2026 : déploiement d'un dépôt Git, et ajout d'une application web Node.js.

J'ai fait le test le 20 octobre 2026 sur un projet React minimal, une page qui affiche le titre Plomberie Martin, Toulouse. Copié tel quel sur un serveur qui sert les fichiers sans les construire, il affiche une page blanche.
Le navigateur refuse d'abord le fichier du composant. J'ai levé chaque obstacle à la main : il ne sait pas lire les balises du composant, puis il ne trouve pas React. Le même projet construit tient en deux fichiers dans un dossier dist, et il affiche son titre au premier chargement.

Ce que l'IA fait bien, et ce qu'elle laisse à votre charge une fois le site en ligne, est traité dans mon article sur la création d'un site avec l'IA.

La méthode de la vidéo en six gestes

Dans la vidéo en haut de page, je mets en ligne un site fait avec Claude Code sur un sous-domaine de test d'amiseo.fr. Les libellés ci-dessous sont ceux de la page d'aide de Hostinger, mise à jour le 19 octobre 2026 : l'écran a un peu changé depuis le tournage, en juin.

1. Créez un dépôt privé sur GitHub. Un dépôt est l'endroit où vit le code : votre profil, Repositories, New, un nom, Private, puis Create repository.
2. Donnez l'adresse du dépôt à Claude Code, dans la conversation où le site a été fait, et demandez-lui d'y envoyer le projet. Il lance lui-même les commandes. Dans la vidéo, il lui faut environ trois minutes.
3. Dans Hostinger, ouvrez Sites web, Créer un site, puis Web App. Choisissez Importer un dépôt Git et autorisez Hostinger à lire vos dépôts GitHub.
4. Choisissez le dépôt. Hostinger reconnaît le type de projet et propose les réglages de construction. Pour un site vitrine, la vidéo n'y touche pas.
5. Cliquez sur Déployer (Deploy) et attendez la fin du journal. Hostinger affiche ensuite une capture du site construit.
6. Demandez à Claude Code, une fois pour toutes, de renvoyer chaque modification sur GitHub. Cet envoi déclenche la nouvelle construction. Un changement resté sur votre ordinateur n'arrive jamais en ligne.

Le journal affiche une erreur ? La vidéo donne le geste : une capture d'écran envoyée à Claude Code, qui corrige les fichiers et les renvoie lui-même.

Votre domaine porte déjà un site : l'étape qui peut couper vos mails

La page d'aide de Hostinger le dit en toutes lettres : une application web Node.js se déploie comme un site neuf. Si votre nom de domaine porte déjà un site chez Hostinger, il faut retirer ce site avant de déployer l'application à sa place.
Le retrait efface tout ce qui est rattaché au site : fichiers, bases de données, boîtes mail et réglages. Hostinger demande de télécharger une sauvegarde avant, et prévient que ce retrait ne se rattrape pas.

Le cas qui piège : l'ancien site WordPress et vos adresses en @votre-domaine vivent sur le même hébergement. Avant de retirer quoi que ce soit, regardez où arrive votre courrier, avec le geste décrit dans mon article pour migrer un site WordPress sans couper vos mails.

Sans site à remplacer, testez d'abord sur un sous-domaine gratuit, comme dans la vidéo. Vous branchez ensuite votre vrai domaine depuis le tableau de bord de l'application, par Connecter un domaine (Connect domain). Hostinger annonce jusqu'à 24 heures de propagation, et le certificat de sécurité, le cadenas du navigateur, se pose tout seul.

Le mot de passe qui part sur GitHub avec le code

Un site fait par une IA range ses clés dans un fichier nommé .env : la clé du formulaire de contact, celle d'une base de données comme Supabase, celle d'un service de paiement. Ce fichier n'a rien à faire sur GitHub, même dans un dépôt privé.

Une clé y est partie ? La documentation de GitHub donne l'ordre : révoquer ou renouveler le secret d'abord, chez le service qui l'a délivré.
Effacer le fichier ensuite ne suffit pas. Il reste dans l'historique du dépôt, et l'en retirer demande une réécriture de cet historique que GitHub décrit comme délicate.

Chez Hostinger, ces valeurs se rangent dans les variables d'environnement de l'application. Cette rubrique du tableau de bord sert aux réglages qu'on change sans redéployer.

Après la mise en ligne : ce que Hostinger garde et ce qu'il écrase

Hostinger surveille aussi les briques du projet. Quand l'une a une faille connue, le bouton Auto-fix de la page Vulnerabilities ouvre un correctif sous forme de demande de modification sur GitHub, à condition d'avoir donné à Hostinger le droit d'écrire dans le dépôt. Rien n'entre dans votre site tant que vous n'avez pas accepté cette demande.

Le faire seul ou se faire aider

Pour un site vitrine en React sur une formule Business, sans site à remplacer, la vidéo suffit. Vous n'avez besoin de personne.

Deux cas méritent une aide : un domaine qui porte déjà votre site et vos mails, et une formule sans application web Node.js. Le troisième arrive après la mise en ligne.

Un site React construit avec Vite envoie au navigateur une page vide, que le JavaScript remplit ensuite. Dans mon test, le fichier HTML du site construit ne contient pas un mot du titre affiché.
Google le dit dans sa documentation : sur une page de ce type, il doit exécuter le JavaScript avant de lire le contenu, et la page attend son tour dans une file qui dure quelques secondes ou davantage. Ma page sur le SEO d'un site React décrit ce travail.

Vous préférez recevoir un site déjà en ligne, avec un texte que Google lit sans attendre le JavaScript ? Je le fais dans ma prestation de création de site internet à Toulouse.