Add Dockerfile for backend and frontend applications

* **Backend Dockerfile**
  - Add instructions to build and run the backend server
  - Use node:20-alpine as the base image
  - Set the working directory to /app
  - Copy package.json and pnpm-lock.yaml to the working directory
  - Install dependencies using pnpm install --frozen-lockfile
  - Copy the rest of the application code to the working directory
  - Build the application using pnpm nx build devmx --verbose
  - Expose port 3000
  - Set the command to run the application using node dist/apps/server/main.js

* **Frontend Dockerfile**
  - Add instructions to build and run the frontend application
  - Use node:20-alpine as the base image
  - Set the working directory to /app
  - Copy package.json and pnpm-lock.yaml to the working directory
  - Install dependencies using pnpm install --frozen-lockfile
  - Copy the rest of the application code to the working directory
  - Build the application using pnpm nx build devmx --verbose
  - Expose port 4200
  - Set the command to run the application using pnpm nx serve devmx

* **package.json**
  - Add docker-compose script to start all services using Docker Compose

* **docker-compose.yml**
  - Add server service to build and run the backend server
  - Add devmx service to build and run the frontend application
  - Configure mongodb service to depend on server and devmx services

Author: endersonmenezes

Dockerfile

@@ -1,3 +1,5 @@
+# Backend Dockerfile
+
 # Use node:20-alpine as the base image
 FROM node:20-alpine
 
@@ -21,3 +23,29 @@ EXPOSE 3000
 
 # Set the command to run the application using node dist/apps/server/main.js
 CMD ["node", "dist/apps/server/main.js"]
+
+# Frontend Dockerfile
+
+# Use node:20-alpine as the base image
+FROM node:20-alpine
+
+# Set the working directory to /app
+WORKDIR /app
+
+# Copy package.json and pnpm-lock.yaml to the working directory
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies using pnpm install --frozen-lockfile
+RUN npm install -g pnpm && pnpm install --frozen-lockfile
+
+# Copy the rest of the application code to the working directory
+COPY . .
+
+# Build the application using pnpm nx build devmx --verbose
+RUN pnpm nx build devmx --verbose
+
+# Expose port 4200
+EXPOSE 4200
+
+# Set the command to run the application using pnpm nx serve devmx
+CMD ["pnpm", "nx", "serve", "devmx"]

docker-compose.yml

@@ -9,3 +9,37 @@ services:
       MONGO_INITDB_DATABASE: ${DB_NAME}
     ports:
       - 27017:27017
+
+  server:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    environment:
+      PORT: ${PORT}
+      DB_HOST: mongodb
+      DB_PORT: ${DB_PORT}
+      DB_NAME: ${DB_NAME}
+      DB_USER: ${DB_USER}
+      DB_PASS: ${DB_PASS}
+      JWT_SECRET: ${JWT_SECRET}
+      SMTP_HOST: ${SMTP_HOST}
+      SMTP_PORT: ${SMTP_PORT}
+      SMTP_USER: ${SMTP_USER}
+      SMTP_PASS: ${SMTP_PASS}
+      CODE_LIFE_TIME: ${CODE_LIFE_TIME}
+    ports:
+      - 3000:3000
+    depends_on:
+      - mongodb
+
+  devmx:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    environment:
+      PORT: ${PORT}
+    ports:
+      - 4200:4200
+    depends_on:
+      - server
+      - mongodb

package.json

@@ -12,7 +12,8 @@
     "dev:setup": "./tools/scripts/setup.sh",
     "commit": "czg",
     "prepare": "husky",
-    "docker:build": "docker build -t devmx-server ."
+    "docker:build": "docker build -t devmx-server .",
+    "docker-compose": "docker-compose up --build"
   },
   "private": true,
   "devDependencies": {