Feature/jenkinsfile

.dockerignore

@@ -0,0 +1,20 @@
+# Node modules locaux (très volumineux)
+node_modules
+
+# Dossier Git (inutiles pour l'image)
+.git
+.gitignore
+
+# Logs
+*.log
+
+# Build local (si tu veux le reconstruire dans Docker, sinon à laisser)
+build
+dist
+
+# Configs Docker que tu ne veux pas copier
+docker-compose.yml
+
+# En général, fichiers système ou IDE
+.DS_Store
+*.env

Dockerfile

@@ -0,0 +1,34 @@
+# Étape 1: Build de l'application React
+FROM node:18-alpine AS build
+
+# Définir le registre npm
+RUN npm config set registry https://registry.npmjs.org/
+
+WORKDIR /app
+
+# Copier les fichiers de dépendances
+COPY package*.json ./
+
+# Installer les dépendances avec retry
+RUN npm install --legacy-peer-deps \
+    --fetch-retries=5 \
+    --fetch-timeout=120000
+
+# Copier tout le code source
+COPY . .
+
+# Build l'application React
+RUN npm run build
+
+# Étape 2: Serveur web
+FROM nginx:alpine
+
+# Copier les fichiers buildés de React vers Nginx
+COPY --from=build /app/build /usr/share/nginx/html
+
+# Copier une configuration Nginx personnalisée (optionnel)
+# COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

Jenkinsfile

@@ -0,0 +1,86 @@
+pipeline {
+    agent any
+
+    environment {
+        IMAGE = "rebaeisafa/react-front"
+        TAG = "${BUILD_NUMBER}"
+        // Activer BuildKit
+        DOCKER_BUILDKIT = "1"
+    }
+
+    stages {
+        stage('Checkout') {
+            steps {
+                checkout scm
+            }
+        }
+
+        stage('Docker Build') {
+            steps {
+                script {
+                    // Activer BuildKit explicitement
+                    withEnv(['DOCKER_BUILDKIT=1']) {
+                        bat "docker build --no-cache -t ${IMAGE}:${TAG} ."
+                    }
+                }
+            }
+        }
+
+        stage('Test Container') {
+            steps {
+                script {
+                    // Arrêter le conteneur s'il existe déjà
+                    bat 'docker stop react-test-container || true'
+                    bat 'docker rm react-test-container || true'
+
+                    // Lancer le conteneur pour test
+                    bat "docker run -d --name react-test-container -p 8080:80 ${IMAGE}:${TAG}"
+
+                    // Attendre un peu pour que le conteneur démarre
+                    sleep 10
+
+                    // Tester si le conteneur répond
+                    bat 'curl -f http://localhost:8080 || echo "Container test failed"'
+                }
+            }
+        }
+
+        stage('Push to Docker Hub') {
+            when {
+                expression { env.BRANCH_NAME == 'main' }
+            }
+            steps {
+                script {
+                    withCredentials([usernamePassword(
+                        credentialsId: 'docker-hub-creds',
+                        usernameVariable: 'DOCKER_USER',
+                        passwordVariable: 'DOCKER_PASS'
+                    )]) {
+                        bat "docker login -u ${DOCKER_USER} -p ${DOCKER_PASS}"
+                        bat "docker push ${IMAGE}:${TAG}"
+                        bat "docker tag ${IMAGE}:${TAG} ${IMAGE}:latest"
+                        bat "docker push ${IMAGE}:latest"
+                    }
+                }
+            }
+        }
+    }
+
+    post {
+        always {
+            // Nettoyage
+            bat 'docker stop react-test-container || true'
+            bat 'docker rm react-test-container || true'
+            script {
+                // Supprimer l'image seulement si le build a réussi
+                bat "docker rmi ${IMAGE}:${TAG} || true"
+            }
+        }
+        success {
+            echo 'Build successful!'
+        }
+        failure {
+            echo 'Build failed!'
+        }
+    }
+}