Chapitre 12Projet GitFlow Portfolio

GitHub Pages et GitHub Actions — CI/CD

Déployer automatiquement à chaque push

Concepts Théoriques

GitHub Pages — déployer gratuitement

GitHub Pages transforme un dépôt en site web. Pour un portfolio personnel, nommez le dépôt votre-pseudo.github.io — il sera accessible directement à cette URL.

Pour un projet classique : Settings > Pages > Source : main > dossier : / (root) > Save. Le site sera à votre-pseudo.github.io/nom-du-repo.

Chaque push sur main met à jour le site automatiquement (en 1-2 minutes).

CI/CD — l'automatisation

CI (Continuous Integration) — à chaque push, des vérifications automatiques se lancent (linting, tests). Si quelque chose échoue, vous êtes prévenu AVANT le merge.

CD (Continuous Deployment) — après un merge réussi sur main, le site est déployé automatiquement. Pas d'intervention manuelle.

GitHub Actions

GitHub Actions permet de créer des workflows automatisés. Un workflow est un fichier YAML dans .github/workflows/ qui décrit les étapes à exécuter.

Un workflow simple pour un site statique :

  1. À chaque push sur main
  2. Vérifier le HTML (htmlhint), le CSS (stylelint), le JS (eslint)
  3. Déployer sur GitHub Pages

Même pour un projet solo, l'automatisation est utile : elle attrape les erreurs que vous n'avez pas vues.

> Astuce : GitHub Pages + GitHub Actions = hébergement gratuit avec déploiement automatique à chaque push. C'est la solution idéale pour un portfolio.