Hébergement Pro : GitLab + Netlify
Une méthode puissante pour mettre votre site en ligne tout en gardant votre code source secret et invisible pour vos concurrents.
Pourquoi utiliser deux outils au lieu d'un seul ?
La version gratuite de GitHub Pages vous oblige à rendre votre code source "Public" (tout le monde peut le voir). Si vous travaillez sur un projet confidentiel pour votre PME, vous devez utiliser GitLab (qui offre des coffres-forts "Privés" gratuits) et le connecter à Netlify (un moteur ultra-puissant qui va aspirer votre code secret et l'afficher au public).
Phase 1 : Le Coffre-Fort Secret (GitLab)
Créer le projet Privé
Allez sur GitLab.com et créez un compte. Cliquez sur New Project > Create blank project. Donnez-lui un nom.
Étape cruciale : Sous "Visibility Level", choisissez absolument Private. Décochez "Initialize repository with a README" et validez.
Uploader votre site IA
Sur la page de votre nouveau projet, cliquez sur le bouton bleu (+) au centre, puis sur Upload file. Glissez-déposez votre fichier index.html (généré par l'IA ce matin) et cliquez sur Upload file pour valider. Votre code est désormais en sécurité dans le cloud !
Phase 2 : Le Déploiement Magique (Netlify)
Connecter Netlify à GitLab
Allez sur Netlify.com et inscrivez-vous (choisissez de vous inscrire avec GitLab pour aller plus vite). Depuis le tableau de bord, cliquez sur le bouton "Add new site" > "Import an existing project".
Choisir votre coffre-fort
Sélectionnez GitLab comme fournisseur. Une fenêtre s'ouvre pour vous demander l'autorisation, cliquez sur "Authorize". La liste de vos projets apparaît. Cliquez sur le projet privé que vous venez de créer.
Mettre en ligne
Ne touchez à aucun paramètre technique. Descendez tout en bas de la page et cliquez sur le bouton Deploy Site.
Phase 3 : Ajouter Google Analytics (La magie du CI/CD)
Comprendre le CI/CD (Déploiement Continu)
Puisque Netlify est connecté à GitLab, ils communiquent en permanence. Si vous modifiez votre fichier sur GitLab, Netlify va s'en rendre compte et mettra à jour votre site en direct, sans que vous n'ayez rien à faire ! Testons cela avec Google Analytics.
Récupérer le code Google
Créez votre propriété sur Google Analytics (voir la méthode de ce matin) et copiez votre "Balise Google" (le script gtag.js).
Éditer dans GitLab
Retournez sur GitLab. Cliquez sur votre fichier index.html, puis cliquez sur Edit > Edit in single-file editor. Collez votre code Google juste en dessous de la balise <head>. Cliquez sur Commit changes.
Laissez la magie opérer
N'allez PAS sur Netlify. Attendez juste 30 secondes et rafraîchissez votre site web public. Le code a été injecté automatiquement par le système !
Le Test Ultime
Prenez votre Smartphone. Ouvrez l'URL Netlify de votre site web. Ensuite, retournez sur l'écran de votre ordinateur sur Google Analytics et cliquez sur "Rapports" > "Temps Réel".