BaliseTonSite

Pourquoi le CI/CD

Automatise tes déploiements. Plus jamais de 'j'ai oublié de build avant de push'.

Tu as codé ta feature, testé en local, tout marche. Maintenant tu dois build, vérifier le lint, lancer les tests, déployer sur Cloudflare... et ne rien oublier. Le CI/CD fait tout ça automatiquement à chaque push.

Ce chapitre explique ce qu'est le CI/CD, pourquoi c'est indispensable et comment ça s'intègre dans ton workflow de développeur.

C'est quoi le CI/CD ?

CI : Continuous Integration

A chaque push sur GitHub, un robot vérifie automatiquement que ton code est valide : il build, lint, teste. Si quelque chose casse, tu es prévenu immédiatement.

CD : Continuous Deployment

Si la CI passe (tout est vert), le code est automatiquement déployé en production. Pas besoin de cliquer sur un bouton, pas besoin de se connecter au serveur.

# Le flux CI/CD en une phrase :
# git push -> Robot vérifie le code -> Si OK -> Déploiement automatique

# Sans CI/CD (workflow manuel) :
# 1. git push
# 2. Se connecter au serveur
# 3. git pull
# 4. npm install
# 5. npm run build
# 6. Relancer le serveur
# 7. (et espérer n'avoir rien oublié)

# Avec CI/CD :
# 1. git push
# 2. (c'est tout, le robot fait le reste)

Analogie : la chaîne de montage

Imagine que tu fabriques des épées dans un jeu de craft :

  • Sans CI/CD : tu forges à la main, tu vérifies toi-même, tu livres toi-même. Si tu oublies de polir, l'épée rouille.
  • Avec CI/CD : une chaîne de montage vérifie automatiquement chaque étape. L'épée ne sort que si tout est parfait.

Les étapes d'un pipeline CI/CD

# Pipeline typique pour un projet Next.js :

# 1. INSTALL - Installer les dépendances
npm ci

# 2. LINT - Vérifier la qualité du code
npm run lint

# 3. TYPE CHECK - Vérifier les types TypeScript
npx tsc --noEmit

# 4. TEST - Lancer les tests (si tu en as)
npm run test

# 5. BUILD - Construire le projet
npm run build

# 6. DEPLOY - Déployer sur Cloudflare Pages
npx wrangler pages deploy .next

Pourquoi c'est indispensable

Le CI/CD n'est pas un luxe réservé aux grosses équipes. Même en solo, ça te protège de tes propres erreurs. "Le CI/CD, c'est toi du futur qui vérifie le code de toi du présent."
  • Fiabilité : chaque push est vérifié automatiquement
  • Rapidité : déploiement en 2 minutes au lieu de 20
  • Confiance : si la CI passe, tu sais que ça marche
  • Historique : tu vois quel commit a cassé quoi
  • Collaboration : les PR sont vérifiées avant le merge

Les outils qu'on va utiliser

  • GitHub Actions : le moteur CI/CD intégré à GitHub (gratuit pour les repos publics)
  • Cloudflare Pages : déploiement automatique connecté à GitHub
  • L'IA : pour générer et debugger les workflows

Ce que tu as débloqué

  • CI = vérification automatique, CD = déploiement automatique
  • Les 6 étapes d'un pipeline typique
  • Pourquoi c'est indispensable (même en solo)
  • Les outils : GitHub Actions + Cloudflare Pages

Verifie tes acquis

5 questions pour valider ce chapitre

1. Que signifie CI dans CI/CD ?

Valide et sauvegarde ce chapitre

Ne perds pas le fil de ton apprentissage. Chaque QCM complété s'enregistre comme un checkpoint dans ton tableau de bord personnel. Crée ton profil de développeur gratuitement pour débloquer toutes les évaluations du site et suivre ta progression étape par étape.

Commencer l'aventure
Déjà membre ?Connecte-toi