Créer son site avec l'IA et le mettre en ligne chez Hodi

Par où commencer ?

Vous partez de zéro ? Votre hébergement Hodi, un compte GitHub, un site généré avec Lovable, branché sur Hodifly. Une après-midi suffit.

Vous avez déjà un site généré par IA ailleurs ? Envoyez-le sur GitHub, ouvrez un hébergement Hodi, branchez Hodifly. C'est tout.

👉 Donnez https://hodifly.app/llms.txt à votre IA : elle saura utiliser Hodifly au mieux.

1. Créer le site avec l'IA

Quels outils utiliser ?

Nous ne listons ici que les outils qui savent envoyer votre code sur GitHub : c'est la condition pour l'héberger ensuite chez vous (voir §2).

• Lovable : le plus simple si vous n'êtes pas développeur. Vous décrivez votre site, vous le voyez se construire en direct. Connexion GitHub intégrée.
• Bolt.new : même principe, très rapide pour un premier prototype. Bouton d'envoi vers GitHub.
• v0 (Vercel) : orienté design, excellent pour de belles pages. Synchronisation GitHub.
• Claude Code : pour les profils techniques ou les agences. Travaille directement dans vos fichiers et gère GitHub tout seul.
• Cursor : un éditeur de code assisté par IA, pour reprendre un projet existant.

En résumé : vous ne codez pas → Lovable ou Bolt. Vous ou votre prestataire codez → Claude Code ou Cursor.

Le code produit est-il fiable ?

Pour un site vitrine, un catalogue ou un outil interne : oui. Pour une application qui touche à des paiements ou à des données sensibles : faites relire par un humain. L'IA écrit du code qui marche, pas forcément du code sûr.

Comment bien lui parler ?

Une bonne demande contient quatre choses :

1. Le contexte : « Site vitrine d'un cabinet comptable à Abidjan, 5 pages. »
2. La demande : « Ajoute une page Contact avec un formulaire nom / email / message. »
3. La contrainte : « Sans ajouter de nouvelle bibliothèque. »
4. Le résultat attendu : « Un message de confirmation doit s'afficher après l'envoi. »

Comparez avec « fais-moi une page contact ». La précision au départ vous évite dix corrections ensuite.

Autre conseil ?

Avancez par petites étapes. Une demande, on vérifie, on sauvegarde, on passe à la suivante. Une seule grosse demande donne un résultat que personne ne sait plus corriger.

2. GitHub : le passage obligé

C'est quoi GitHub ?

Un espace de stockage en ligne pour du code, qui garde toutes les versions successives de vos fichiers.

Imaginez un Google Drive qui, à chaque enregistrement, conserve la version précédente, avec la date et la raison du changement. Vous pouvez revenir à l'état d'hier, de la semaine dernière ou du premier jour, en quelques secondes.

C'est gratuit, et vos projets peuvent rester privés.

Git et GitHub, c'est pareil ?

Non. Git est le logiciel qui gère les versions. GitHub est le site qui héberge vos projets Git. Git est le moteur, GitHub est le garage.

Les cinq mots à connaître

C'est suffisant pour démarrer. Le reste, vous l'apprendrez si un jour vous en avez besoin.

Pourquoi c'est indispensable ?

Trois raisons :

1. Vous pourrez revenir en arrière. L'IA finira par casser quelque chose. Avec GitHub, vous retrouvez la version qui marchait. Sans, vous recommencez.
2. C'est de là que part la mise en ligne. Hodifly va chercher votre code sur GitHub. Pas de dépôt, pas de déploiement automatique.
3. Votre code vous appartient. Si la plateforme IA ferme ou augmente ses prix, votre site est déjà chez vous.

Comment je crée mon compte et mon projet ?

1. Allez sur github.com → Sign up. C'est gratuit.
2. Activez la double authentification (2FA) tout de suite.
3. Cliquez sur New repository.
4. Donnez un nom sans espaces ni accents (site-mon-entreprise), cochez Private.
5. Create repository. Terminé.

Faut-il taper des commandes ?

Non, pas si vous utilisez Lovable, Bolt ou v0 : ces outils envoient votre code sur GitHub d'un simple clic, après vous avoir demandé l'autorisation une fois.

Et avec Claude Code, vous pouvez simplement lui demander : « sauvegarde et envoie sur GitHub ».

Qu'est-ce que je ne dois jamais mettre sur GitHub ?

• Les mots de passe et accès à la base de données
• Les clés d'API (Stripe, Supabase, messagerie…)
• Les fichiers .env
• Les données de vos clients

Ces éléments se configurent côté hébergement, jamais dans le code.

⚠️ Une clé publiée sur GitHub est compromise, même effacée ensuite : elle reste dans l'historique et des robots scannent GitHub en permanence. La seule bonne réaction est de changer la clé.

3. Hodifly : mettre le site en ligne

C'est quoi Hodifly ?

Hodifly publie votre site directement depuis GitHub ou GitLab, à la manière de Netlify, mais sur les serveurs Hodi, dans le pays de votre choix.

Vous le branchez une fois. Ensuite, chaque modification envoyée sur votre Git est mise en ligne automatiquement. Pas de FTP, pas de fichiers à transférer à la main.

Hodifly est inclus dans les hébergements web Hodi.

Comment ça marche ?

1. Connectez-vous à votre cPanel.
2. Lancez Hodifly.
3. Connectez votre compte GitHub, puis choisissez votre dépôt.
4. Choisissez la branche à publier (en général main).
5. Indiquez le domaine ou sous-domaine.
6. Déployez.

À partir de là, chaque envoi sur GitHub met le site à jour tout seul.

👉 En savoir plus

Mon site Lovable utilise Supabase. Ça marche ?

Oui : votre site est hébergé chez Hodi et continue de dialoguer avec Supabase.

Attention toutefois : si votre base Supabase est en Europe ou aux États-Unis, vos données restent là-bas. Si la localisation des données compte pour vous (marché public, données personnelles, réglementation locale), nous pouvons héberger votre base dans le même datacenter que votre site.

👉 Comment passer de Supabase à une base de données hébergée chez Hodi

Le déploiement a échoué. Que faire ?

1. Ouvrez le journal d'erreur dans Hodifly : la cause y est écrite.
2. Copiez-collez ce journal à votre IA. C'est exactement ce qu'elle sait bien faire.
3. Vérifiez que vos clés d'API sont bien renseignées côté Hodi (elles ne sont pas sur GitHub, c'est normal).

4. Pourquoi ne pas rester sur la plateforme IA ?

La vitesse. Un site hébergé aux États-Unis et consulté depuis Abidjan, Nairobi ou Antananarivo traverse des milliers de kilomètres. Hébergé près de vos visiteurs, il répond bien plus vite.

Vos données. Selon votre secteur et votre pays, la localisation des données n'est pas un détail : c'est parfois une obligation. Hodi opère dans des datacenters Tier III de plus de 20 pays et territoires, en Afrique et en Europe.

Votre indépendance. Une plateforme IA est un bon atelier, pas un bon entrepôt. Avec GitHub + Hodifly, vous pouvez changer d'outil demain sans rien reconstruire.

Le prix. Les plateformes facturent l'hébergement en plus, souvent à l'usage, donc de façon imprévisible. Un hébergement Hodi est à prix fixe et inclut même votre nom de domaine et des boîtes mail.

5. Avant de publier : la checklist

• Aucun mot de passe ni clé dans le code
• Dépôt GitHub en privé, double authentification activée
• Testé sur un vrai téléphone, pas seulement dans l'aperçu
• Formulaire protégé contre le spam
• Mentions légales et politique de confidentialité (l'IA les oublie toujours)
• Titre de page, description et favicon renseignés
• Images allégées : les IA adorent les photos de 4 Mo. PageSpeed dans cPanel peut vous y aider
• Redirection automatique vers HTTP. AutoSSL dans cPanel peut le faire pour vous

Mis à jour le : 28/07/2026