dev, prod, local environment fixes

docker/compose-dev.yaml

@@ -16,6 +16,8 @@ services:
       - DB_HOST=psql          #rewrite DB_HOST var to communicate inside the docker network
       - RABBITMQ_HOST=rabbitmq  
       - REDIS_HOST=redis
+      - FRONT_HOST=${FRONT_HOST}
+      - FRONT_PORT=${FRONT_PORT}
     volumes:
       - type: bind
         source: ../src
@@ -48,7 +50,7 @@ services:
       rabbitmq:
         condition: service_healthy
     ports:
-      - "80:8000"
+      - "${BACKEND_PORT}:8000"
     entrypoint: ["./entrypoint.sh", "--dev"]
 
   backend-prod:
@@ -65,6 +67,8 @@ services:
         - DB_HOST=psql
         - RABBITMQ_HOST=rabbitmq
         - REDIS_HOST=redis
+        - FRONT_HOST=${FRONT_HOST}
+        - FRONT_PORT=${FRONT_PORT}
       volumes:
         - type: bind
           source: ../configs
@@ -89,7 +93,7 @@ services:
         rabbitmq:
           condition: service_healthy
       ports:
-        - "80:8000"
+        - "${BACKEND_PORT}:8000"
 
   daemons:
     profiles: ["prod", "dev"]
@@ -185,6 +189,60 @@ services:
     networks:
       - backend
 
+  nginx-dev:
+    image: "${DOCKER_REGISTRY:-local}/excel-frontend-dev:${IMAGE_TAG:-local}"
+    container_name: frontend-dev
+    profiles: ["dev"]
+    build:
+      dockerfile: ./docker/dockerfile
+      context: ../
+      target: frontend_dev
+    init: true
+    ipc: private
+    volumes:
+      - type: bind
+        source: ../frontend/src
+        target: /home/excel-project/src
+      - type: bind
+        source: ../frontend/public
+        target: /home/excel-project/public
+      - type: bind
+        source: ../frontend/index.html
+        target: /home/excel-project/index.html
+      - type: bind
+        source: ../frontend/vite.config.ts
+        target: /home/excel-project/vite.config.ts
+      - type: bind
+        source: ../frontend/configs
+        target: /home/excel-project/configs
+    ports:
+      - "${FRONT_PORT}:5173"
+    networks:
+      - backend
+    restart: always
+    entrypoint: ["yarn", "dev", "--host", "0.0.0.0"]
+
+  nginx-prod:
+    image: "${DOCKER_REGISTRY:-local}/excel-frontend-prod:${IMAGE_TAG:-local}"
+    container_name: frontend-prod
+    profiles: ["prod"]
+    build:
+      dockerfile: ./docker/dockerfile
+      context: ../
+      target: frontend_prod
+    environment:
+      - BACKEND_HOST=backend-prod
+      - BACKEND_PORT=${BACKEND_PORT}
+    init: true
+    ipc: private
+    ports:
+      - "${FRONT_PORT}:80"
+    networks:
+      - backend
+    restart: always
+
+
+
 networks:
   backend:
     name: "${BACKEND_NETWORK:-backend_network}"