Créer un pipeline CI/CD pour votre site web : de zéro à la production automatisée

La plupart des PME déploient encore leur site web en FTP : téléchargement manuel des fichiers modifiés, risque d'erreur, pas de rollback possible. En 2026, un pipeline CI/CD (Continuous Integration / Continuous Deployment) automatise tout ce processus. Chez ConsilioWEB, chaque site est déployé automatiquement via GitHub Actions.

Qu'est-ce qu'un pipeline CI/CD

Continuous Integration (CI)

La CI consiste à vérifier automatiquement que le code fonctionne à chaque modification. Quand un développeur pousse du code sur le dépôt Git, le pipeline CI lance automatiquement les tests, la vérification TypeScript et le build.

Si une erreur est détectée, le déploiement est bloqué et le développeur est alerté. C'est un filet de sécurité qui empêche les bugs d'arriver en production.

Continuous Deployment (CD)

Le CD consiste à déployer automatiquement le code validé sur le serveur de production. Une fois que la CI a validé que tout fonctionne, le CD copie les fichiers sur le serveur et redémarre l'application.

Le résultat : un site web qui se met à jour automatiquement à chaque commit sur la branche principale, sans intervention humaine.

Pourquoi passer au CI/CD

Zéro erreur humaine

Le déploiement FTP manuel est source d'erreurs. Oublier un fichier, écraser la mauvaise version, envoyer les fichiers de développement en production. Le CI/CD élimine ces risques car le processus est toujours identique.

Rollback instantané

Si un déploiement cause un problème, vous pouvez revenir à la version précédente en quelques secondes. Avec le FTP, restaurer une version antérieure est un cauchemar. Avec le CI/CD et Git, c'est un simple `git revert`.

Historique complet

Chaque déploiement est tracé : qui a modifié quoi, quand et pourquoi. L'historique Git combiné au pipeline CI/CD offre une traçabilité totale.

Mise en place avec GitHub Actions

GitHub Actions est la solution CI/CD intégrée à GitHub. Elle est gratuite pour les dépôts publics et offre 2000 minutes par mois pour les dépôts privés (largement suffisant pour un site vitrine).

Le workflow type chez ConsilioWEB

Notre pipeline pour un site Next.js déployé sur un hébergeur français (Infomaniak, OVH) suit ces étapes :

• Étape 1 — Checkout : récupération du code source
• Étape 2 — Install : installation des dépendances Node.js
• Étape 3 — TypeScript : vérification du typage (zéro erreur acceptée)
• Étape 4 — Build : compilation du site en mode standalone
• Étape 5 — Deploy : envoi des fichiers via rsync SSH vers le serveur
• Étape 6 — Verify : vérification que le site répond correctement

Ce workflow se déclenche automatiquement à chaque push sur la branche `main`. Le déploiement complet prend entre 3 et 5 minutes.

Les avantages du build standalone

Next.js en mode `output: 'standalone'` produit un dossier autonome qui contient tout le nécessaire pour faire tourner le site. Pas besoin d'exécuter `npm install` sur le serveur de production. Le dossier standalone est copié tel quel, ce qui réduit les risques de problèmes de dépendances.

Les bonnes pratiques CI/CD

Protéger la branche principale

Configurez GitHub pour empêcher les push directs sur la branche `main`. Toutes les modifications doivent passer par une pull request et être validées par le pipeline CI avant d'être fusionnées.

Exclure les données sensibles

Ne déployez jamais les fichiers sensibles. Notre pipeline exclut systématiquement le fichier `.env`, la base de données SQLite, le dossier `public/media` (images uploadées) et les fichiers audio du podcast.

Sauvegarder avant chaque déploiement

Configurez le pipeline pour créer une sauvegarde de la version en cours avant de déployer la nouvelle. Un simple script shell qui copie les fichiers critiques avant le rsync suffit.

Notifier l'équipe

Ajoutez une notification Slack, Discord ou email à la fin du pipeline pour informer l'équipe que le déploiement est terminé (avec succès ou erreur).

CI/CD pour les non-développeurs

Si vous êtes un entrepreneur et que votre site est géré par une agence ou un freelance, demandez-leur s'ils utilisent un pipeline CI/CD. C'est un indicateur de professionnalisme et de fiabilité.

Un prestataire qui déploie en FTP prend des risques avec votre site. Un prestataire qui utilise le CI/CD a un processus industrialisé et reproductible.

Chez ConsilioWEB, le pipeline CI/CD est inclus dans chaque projet développement web et dans notre service de maintenance. C'est un standard de qualité, pas une option payante.

Conclusion : automatiser pour sécuriser

Un pipeline CI/CD n'est pas un luxe réservé aux grandes entreprises. C'est un outil accessible qui sécurise les déploiements, élimine les erreurs humaines et accélère la mise en production.

Vous voulez un site web déployé de manière professionnelle et automatisée ? Demandez votre devis gratuit ou contactez ConsilioWEB pour découvrir notre processus de développement web moderne.