Déployer une application web moderne avec GitHub Actions (CI/CD)
Formation professionnelle
Débutant

Déployer une application web moderne avec GitHub Actions (CI/CD)

4 apprenants
Par EduPro Academy

Dans ce cours, vous apprendrez à mettre en place un pipeline CI/CD complet avec GitHub Actions pour déployer une application web moderne (ex : Next.js / Node.js) sur un serveur Linux. Le cours est basé sur un cas réel de déploiement : build en CI, packaging du build, transfert sécurisé via SSH/SCP, démarrage et supervision avec PM2, reverse proxy avec Nginx + HTTPS (Certbot), et surtout diagnostic des problèmes fréquents en production. Vous verrez comment : Structurer un workflow GitHub Actions (checkout, install, build, deploy) Gérer proprement Secrets et Variables d’environnement (y compris NEXT_PUBLIC_*) Déployer Next.js en mode standalone (structure correcte : server.js, .next/static, public/) Corriger les erreurs classiques : 404 sur /_next/static/* (assets non copiés) 404 sur /images/* et /icons/* (public non servi) 400 sur /_next/image (optimisation image + config / proxy) 502 Bad Gateway (PM2 down ou mauvais port) 401 Unauthorized sur /api/auth/me (auth + env vars) Vérifier la prod avec les bons réflexes (pm2 logs, curl 127.0.0.1:3000, logs Nginx) 🎯 Objectif final : un déploiement automatisé, reproductible et fiable, proche des standards utilisés en entreprise.

Ce que vous allez apprendre

Objective est de maitriser le DevOps

Description détaillée

Dans ce cours, vous apprendrez à mettre en place un pipeline CI/CD complet avec GitHub Actions pour déployer une application web moderne (ex : Next.js / Node.js) sur un serveur Linux. Le cours est basé sur un cas réel de déploiement : build en CI, packaging du build, transfert sécurisé via SSH/SCP, démarrage et supervision avec PM2, reverse proxy avec Nginx + HTTPS (Certbot), et surtout diagnostic des problèmes fréquents en production. Vous verrez comment : Structurer un workflow GitHub Actions (checkout, install, build, deploy) Gérer proprement Secrets et Variables d’environnement (y compris NEXT_PUBLIC_*) Déployer Next.js en mode standalone (structure correcte : server.js, .next/static, public/) Corriger les erreurs classiques : 404 sur /_next/static/* (assets non copiés) 404 sur /images/* et /icons/* (public non servi) 400 sur /_next/image (optimisation image + config / proxy) 502 Bad Gateway (PM2 down ou mauvais port) 401 Unauthorized sur /api/auth/me (auth + env vars) Vérifier la prod avec les bons réflexes (pm2 logs, curl 127.0.0.1:3000, logs Nginx) 🎯 Objectif final : un déploiement automatisé, reproductible et fiable, proche des standards utilisés en entreprise.

Résultats attendus

  • Comprendre et structurer un workflow GitHub Actions pour le déploiement

Prérequis

  • Bases de Git (push, branches, pull)
  • Notions Node.js / Yarn (installer, build, start)

Ce cours fait partie d'un catalogue

Découvrez l'ensemble des formations regroupées avec ce cours.

Investissement
18 000 F CFA
20 000 F CFA
-10%
PROM Lancement
Économisez 2 000 F CFA