Dockerize microfrontends

WEB_Microfrontends/basket/Dockerfile

@@ -0,0 +1,12 @@
+FROM node:21-alpine
+WORKDIR /app
+
+COPY package.json /app
+
+RUN npm install
+
+COPY . /app
+
+EXPOSE 3002
+
+CMD ["npm", "start"]

WEB_Microfrontends/home/.gitignore

@@ -6,6 +6,9 @@ yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
 
+.env.production
+.env.development
+
 # Diagnostic reports (https://nodejs.org/api/report.html)
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 

WEB_Microfrontends/home/Dockerfile

@@ -0,0 +1,12 @@
+FROM node:21-alpine
+WORKDIR /app
+
+COPY package.json /app
+
+RUN npm install
+
+COPY . /app
+
+EXPOSE 3000
+
+CMD ["npm", "start"]

WEB_Microfrontends/home/package.json

@@ -2,7 +2,7 @@
   "name": "home",
   "version": "1.0.0",
   "scripts": {
-    "build": "webpack --mode production",
+    "build": "webpack --mode production --no-cache",
     "build:dev": "webpack --mode development",
     "build:start": "cd dist && PORT=3000 npx serve",
     "start": "webpack serve --open --mode development",

WEB_Microfrontends/home/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = (_, argv) => ({
     allowedHosts: "all",
     proxy: {
       "/api/v1": {
-        target: "http://localhost:8080/api/v1",
+        target: "http://web-api-gateway:8080/api/v1",
         changeOrigin: true,
         secure: false,
         pathRewrite: { "^/api/v1": "" },

WEB_Microfrontends/orders/Dockerfile

@@ -0,0 +1,12 @@
+FROM node:21-alpine
+WORKDIR /app
+
+COPY package.json /app
+
+RUN npm install
+
+COPY . /app
+
+EXPOSE 3001
+
+CMD ["npm", "start"]

docker-compose.yml

@@ -110,6 +110,42 @@ services:
     networks:
     - native
 
+  # Orders Microfrontend
+  orders-web-app:
+    depends_on:
+        - web-api-gateway
+    build:
+      context: ./WEB_Microfrontends/orders
+      dockerfile: Dockerfile
+    ports:
+      - "3001:3001"
+    networks:
+      - native
+
+  # Basket Microfrontend
+  basket-web-app:
+    depends_on:
+        - orders-web-app
+    build:
+      context: ./WEB_Microfrontends/basket
+      dockerfile: Dockerfile
+    ports:
+      - "3002:3002"
+    networks:
+      - native
+
+  # Home Microfrontend
+  home-web-app:
+    depends_on:
+        - basket-web-app
+    build:
+      context: ./WEB_Microfrontends/home
+      dockerfile: Dockerfile
+    ports:
+      - "3000:3000"
+    networks:
+      - native
+
 networks:
   native:
     name: native-network