feat(docker): add complete Docker Compose setup

yynss21 · yynss21 · commit f851bfeab9fc · 2025-12-13T01:47:19.000+03:00
- Add docker-compose.yml with MongoDB, backend, frontend, dashboard services
- Add Dockerfile for backend (NestJS with pnpm workspaces)
- Add Dockerfile for frontend (React + Vite + Nginx)
- Add Dockerfile for dashboard (React + Vite + Nginx)
- Add nginx.conf for SPA routing and security headers
- Add .dockerignore for optimized builds
- Add /health endpoint to backend for Docker healthchecks

Services:
- MongoDB: port 27018 (internal: 27017)
- Backend API: port 1337
- Frontend demo: port 3000
- Dashboard admin: port 3001
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1,47 @@
+# Dependencies
+node_modules
+**/node_modules
+
+# Build outputs
+**/dist
+**/build
+**/.next
+
+# Git
+.git
+.gitignore
+
+# IDE
+.vscode
+.idea
+*.swp
+*.swo
+
+# Logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+
+# Environment files
+.env
+.env.local
+.env.*.local
+
+# Test files
+**/*.test.ts
+**/*.spec.ts
+**/coverage
+
+# Documentation
+docs/
+*.md
+!README.md
+
+# Docker
+Dockerfile*
+docker-compose*.yml
+.dockerignore
+
+# OS files
+.DS_Store
+Thumbs.db
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,86 @@
+services:
+  # MongoDB Database
+  mongodb:
+    image: mongo:7
+    container_name: tracker-mongodb
+    restart: unless-stopped
+    environment:
+      MONGO_INITDB_ROOT_USERNAME: trackr
+      MONGO_INITDB_ROOT_PASSWORD: trackr
+      MONGO_INITDB_DATABASE: trackrdb
+    volumes:
+      - mongodb_data:/data/db
+    ports:
+      - "27018:27017"  # Use 27018 externally to avoid conflicts
+    networks:
+      - tracker-network
+    healthcheck:
+      test: ["CMD", "mongosh", "--eval", "db.adminCommand('ping')"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 30s
+
+  # NestJS Backend API
+  backend:
+    build:
+      context: .
+      dockerfile: packages/backend/Dockerfile
+    container_name: tracker-backend
+    restart: unless-stopped
+    environment:
+      NODE_ENV: production
+      PORT: 1337
+      HOST: 0.0.0.0
+      MONGO_URI: mongodb://trackr:trackr@mongodb:27017/trackrdb?authSource=admin
+    ports:
+      - "1337:1337"
+    networks:
+      - tracker-network
+    depends_on:
+      mongodb:
+        condition: service_healthy
+    healthcheck:
+      test: ["CMD", "wget", "-q", "--spider", "http://localhost:1337/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 40s
+
+  # React Frontend (Demo App)
+  frontend:
+    build:
+      context: .
+      dockerfile: packages/frontend/Dockerfile
+    container_name: tracker-frontend
+    restart: unless-stopped
+    ports:
+      - "3000:80"
+    networks:
+      - tracker-network
+    depends_on:
+      - backend
+
+  # React Dashboard (Admin Panel)
+  dashboard:
+    build:
+      context: .
+      dockerfile: packages/dashboard/Dockerfile
+      args:
+        VITE_API_URL: http://localhost:1337
+    container_name: tracker-dashboard
+    restart: unless-stopped
+    ports:
+      - "3001:80"
+    networks:
+      - tracker-network
+    depends_on:
+      - backend
+
+volumes:
+  mongodb_data:
+    driver: local
+
+networks:
+  tracker-network:
+    driver: bridge
diff --git a/packages/backend/Dockerfile b/packages/backend/Dockerfile
@@ -0,0 +1,50 @@
+# Backend Dockerfile - NestJS API
+FROM node:20-alpine AS base
+RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+WORKDIR /app
+
+# Install dependencies
+FROM base AS deps
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
+COPY packages/core/package.json ./packages/core/
+COPY packages/backend/package.json ./packages/backend/
+RUN pnpm install --frozen-lockfile
+
+# Build stage
+FROM base AS builder
+COPY --from=deps /app/node_modules ./node_modules
+COPY --from=deps /app/packages/core/node_modules ./packages/core/node_modules
+COPY --from=deps /app/packages/backend/node_modules ./packages/backend/node_modules
+COPY . .
+RUN pnpm --filter core build
+RUN pnpm --filter backend build
+
+# Production stage
+FROM node:20-alpine AS runner
+RUN apk add --no-cache wget
+RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV PORT=1337
+ENV HOST=0.0.0.0
+
+# Copy package files and install production dependencies
+COPY --from=builder /app/package.json ./
+COPY --from=builder /app/pnpm-lock.yaml ./
+COPY --from=builder /app/pnpm-workspace.yaml ./
+COPY --from=builder /app/packages/backend/package.json ./packages/backend/
+COPY --from=builder /app/packages/core/package.json ./packages/core/
+COPY --from=builder /app/packages/core/dist ./packages/core/dist
+
+# Install production dependencies only
+RUN pnpm install --prod --frozen-lockfile
+
+# Copy built backend
+COPY --from=builder /app/packages/backend/dist ./packages/backend/dist
+
+WORKDIR /app/packages/backend
+
+EXPOSE 1337
+
+CMD ["node", "dist/main.js"]
diff --git a/packages/backend/src/app.controller.ts b/packages/backend/src/app.controller.ts
@@ -9,4 +9,12 @@ export class AppController {
   getHello(): string {
     return this.appService.getHello();
   }
+
+  @Get('health')
+  getHealth(): { status: string; timestamp: string } {
+    return {
+      status: 'ok',
+      timestamp: new Date().toISOString(),
+    };
+  }
 }
diff --git a/packages/dashboard/Dockerfile b/packages/dashboard/Dockerfile
@@ -0,0 +1,27 @@
+# Dashboard Dockerfile - React Admin Panel
+FROM node:20-alpine AS base
+RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+WORKDIR /app
+
+# Install dependencies
+FROM base AS deps
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
+COPY packages/dashboard/package.json ./packages/dashboard/
+RUN pnpm install --frozen-lockfile
+
+# Build stage
+FROM base AS builder
+ARG VITE_API_URL=http://localhost:1337
+ENV VITE_API_URL=$VITE_API_URL
+
+COPY --from=deps /app/node_modules ./node_modules
+COPY --from=deps /app/packages/dashboard/node_modules ./packages/dashboard/node_modules
+COPY . .
+RUN pnpm --filter dashboard build
+
+# Production stage - Nginx
+FROM nginx:alpine AS runner
+COPY --from=builder /app/packages/dashboard/dist /usr/share/nginx/html
+COPY packages/dashboard/nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/packages/dashboard/nginx.conf b/packages/dashboard/nginx.conf
@@ -0,0 +1,36 @@
+server {
+    listen 80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_proxied expired no-cache no-store private auth;
+    gzip_types text/plain text/css text/xml text/javascript application/x-javascript application/xml application/javascript application/json;
+
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+
+    # SPA routing - redirect all requests to index.html
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # Health check endpoint
+    location /health {
+        access_log off;
+        return 200 "OK";
+        add_header Content-Type text/plain;
+    }
+}
diff --git a/packages/frontend/Dockerfile b/packages/frontend/Dockerfile
@@ -0,0 +1,27 @@
+# Frontend Dockerfile - React Demo App
+FROM node:20-alpine AS base
+RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+WORKDIR /app
+
+# Install dependencies
+FROM base AS deps
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
+COPY packages/core/package.json ./packages/core/
+COPY packages/frontend/package.json ./packages/frontend/
+RUN pnpm install --frozen-lockfile
+
+# Build stage
+FROM base AS builder
+COPY --from=deps /app/node_modules ./node_modules
+COPY --from=deps /app/packages/core/node_modules ./packages/core/node_modules
+COPY --from=deps /app/packages/frontend/node_modules ./packages/frontend/node_modules
+COPY . .
+RUN pnpm --filter core build
+RUN pnpm --filter frontend build
+
+# Production stage - Nginx
+FROM nginx:alpine AS runner
+COPY --from=builder /app/packages/frontend/dist /usr/share/nginx/html
+COPY packages/frontend/nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/packages/frontend/nginx.conf b/packages/frontend/nginx.conf
@@ -0,0 +1,36 @@
+server {
+    listen 80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_proxied expired no-cache no-store private auth;
+    gzip_types text/plain text/css text/xml text/javascript application/x-javascript application/xml application/javascript application/json;
+
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+
+    # SPA routing - redirect all requests to index.html
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # Health check endpoint
+    location /health {
+        access_log off;
+        return 200 "OK";
+        add_header Content-Type text/plain;
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -9,4 +9,12 @@ export class AppController {`
`9`	`9`	`getHello(): string {`
`10`	`10`	`return this.appService.getHello();`
`11`	`11`	`}`
	`12`	`+`
	`13`	`+ @Get('health')`
	`14`	`+ getHealth(): { status: string; timestamp: string } {`
	`15`	`+ return {`
	`16`	`+ status: 'ok',`
	`17`	`+ timestamp: new Date().toISOString(),`
	`18`	`+ };`
	`19`	`+ }`
`12`	`20`	`}`