Tutoriel : Pipeline CI pour une app Node.js

Dans ce tutoriel, vous allez construire un pipeline CI complet pour une application Node.js : lint, tests et build, déclenché à chaque push sur main et sur les pull requests.

Durée : ~15 minutes Export cible : GitHub Actions

---

Ce que vous allez construire

Les jobs lint et test s'exécutent en parallèle dans le stage Qualité.

---

Étape 1 — Créer le projet et le pipeline

1. Sur le tableau de bord, cliquez sur Nouveau projet → nommez-le mon-app-node
2. À l'intérieur du projet, cliquez sur Nouveau pipeline → nommez-le ci

Étape 2 — Configurer le déclencheur

Cliquez sur Déclencheur : type Push, branches : main.

Étape 3 — Ajouter le stage Qualité

Cliquez sur le canvas → Ajouter un stage → nommez-le Qualité.

Double-cliquez sur la carte Qualité pour entrer dans la vue stage.

Job lint

Cliquez sur Ajouter un job : nom lint, runs on ubuntu-latest.

Steps :

1. Type git / checkout
2. Type shell_command / script : npm ci
3. Type shell_command / script : npm run lint

Job test

Revenez à la vue Stage, ajoutez un second job test sur ubuntu-latest.

Steps :

1. Type git / checkout
2. shell_command : npm ci
3. Type test / framework : jest ou vitest

Les deux jobs ne sont pas connectés → ils s'exécutent en parallèle ✓

Étape 4 — Ajouter le stage Build

Revenez à la vue Pipeline via le fil d'Ariane.

Ajoutez un stage Build. Connectez les stages : faites glisser la poignée de Qualité vers Build.

Dans Build, ajoutez un job build sur ubuntu-latest avec ces steps :

1. git / checkout
2. shell_command : npm ci
3. Type build / outil npm / commande npm run build

Étape 5 — Sauvegarder et exporter

Cliquez sur Sauvegarder puis Exporter → GitHub Actions → Télécharger.

Commitez le fichier dans .github/workflows/ci.yml :

mkdir -p .github/workflows
cp ~/Téléchargements/ci.yml .github/workflows/ci.yml
git add .github/workflows/ci.yml
git commit -m "ci: ajouter pipeline CI"
git push origin main