BaliseTonSite

Pourquoi le CI/CD

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

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.

Bashbash
# 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

Bashbash
# 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

  • 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 terminé sauvegarde ton score. Crée ton profil gratuitement pour débloquer toutes les évaluations du site et retrouver tes résultats plus tard.

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