fase 5

docker-compose.yml

@@ -109,6 +109,27 @@ services:
     networks:
       - pecflow_net
 
+  # ─── Frontend React (Vite dev server) ──────────────────────────────────────
+  frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+      target: dev
+    restart: unless-stopped
+    # La porta 3000 è esposta solo internamente via Nginx (non mappata all'host)
+    # per evitare conflitti. Accedi tramite http://localhost (porta 80)
+    expose:
+      - "3000"
+    volumes:
+      - ./frontend:/app
+      - /app/node_modules   # evita che il mount sovrascriva i node_modules del container
+    environment:
+      - NODE_ENV=development
+    depends_on:
+      - backend
+    networks:
+      - pecflow_net
+
   # ─── Nginx reverse proxy ─────────────────────────────────────────────────────
   nginx:
     image: nginx:alpine
@@ -120,6 +141,7 @@ services:
       - ./infra/nginx/conf.d:/etc/nginx/conf.d:ro
     depends_on:
       - backend
+      - frontend
     networks:
       - pecflow_net