[feat] update dockerignore, docker compose, Dockerfile and Docker.serve node.js version.

Author: kristiyan-velkov

.dockerignore

@@ -1,54 +1,60 @@
-# Ignore dependencies and build output
-node_modules/
-dist/
-out/
-.tmp/
-.cache/
-
-# Ignore Vite, Webpack, and React-specific build artifacts
-.vite/
-.vitepress/
+# Dependencies
+node_modules
+.pnpm-store
+.npm
+.yarn
+
+# Build outputs
+dist
+out
+.tmp
+.cache
+
+# Vite and React artifacts
+.vite
 .eslintcache
-.npm/
-coverage/
-jest/
-cypress/
-cypress/screenshots/
-cypress/videos/
-reports/
-
-# Ignore environment and config files (sensitive data)
-*.env*
-*.log
-
-# Ignore TypeScript build artifacts (if using TypeScript)
 *.tsbuildinfo
 
-# Ignore lockfiles (optional if using Docker for package installation)
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
+# Environment and secrets
+.env.*
+*.pem
+*.key
 
-# Ignore local development files
-.git/
-.gitignore
-.vscode/
-.idea/
+# Logs
+*.log
+
+# IDE and Editor files
+.idea
+.vscode
+.vs
 *.swp
+*.swo
 .DS_Store
 Thumbs.db
+.git
+.gitignore
+.editorconfig
 
-# Ignore Docker-related files (to avoid copying unnecessary configs)
-Dockerfile
+# Docker
+Dockerfile*
+compose.yaml
 .dockerignore
-docker-compose.yml
-docker-compose.override.yml
 
-# Ignore build-specific cache files
-*.lock
+# CI/CD and Tools
+.github
+Taskfile.yml
+
+# Documentation and Assets
+*.md
+images/
+
+# Test files
+**/*.test.ts
+**/*.test.tsx
+src/setupTests.ts
+
 
-# Ignore AI generated files
+# AI generated files
 .ai/
 .ai-temp/
 .cursor/

Dockerfile

@@ -1,7 +1,7 @@
 # =========================================
 # Stage 1: Build the React.js Application
 # =========================================
-ARG NODE_VERSION=24.11.0-alpine
+ARG NODE_VERSION=24.11.1-alpine
 ARG NGINX_VERSION=alpine3.22
 
 # Use a lightweight Node.js image for building (customizable via ARG)

Dockerfile.serve

@@ -1,70 +1,49 @@
-# This Dockerfile is used to serve the React.js application using the Vercel serve npm package.
+# =============================
+# Stage 1: Build the application
+# =============================
+ARG NODE_VERSION=24.11.1
 
-# =========================================
-# Stage 1: Serve the React.js Application
-# =========================================
+# Use a lightweight Node.js Alpine image for building
+FROM node:${NODE_VERSION}-alpine AS build
 
-# Define Node.js version
-ARG NODE_VERSION=24.11.0
-
-# -----------------------------------------------------------------------------
-# 1. BASE STAGE — Common setup
-# -----------------------------------------------------------------------------
-FROM node:${NODE_VERSION}-alpine AS base
-
-# Set working directory
+# Set the working directory inside the container
 WORKDIR /app
 
-# Copy dependency manifests
-COPY package*.json ./
+# Copy dependency manifests first to optimize Docker caching
+COPY package.json package-lock.json ./
 
-# -----------------------------------------------------------------------------
-# Stage 2: DEPENDENCIES STAGE — Install only production dependencies
-# -----------------------------------------------------------------------------
-FROM base AS deps
-
-# Use BuildKit cache to speed up npm installs
-RUN --mount=type=cache,target=/root/.npm \
-    npm ci --omit=dev
-
-# -----------------------------------------------------------------------------
-# Stage 3: BUILD STAGE — Install all dependencies and build the app
-# -----------------------------------------------------------------------------
-FROM base AS build
-
-# Install all dependencies (including devDependencies)
+# Install all dependencies (including devDependencies) using BuildKit cache
 RUN --mount=type=cache,target=/root/.npm \
     npm ci
 
-# Copy the rest of the project files
+# Copy the rest of the project files into the container
 COPY . .
 
-# Build the production bundle
+# Build the React.js production bundle
 RUN npm run build
 
-# -----------------------------------------------------------------------------
-# Stage 4: FINAL STAGE — Minimal runtime image
-# -----------------------------------------------------------------------------
+# =============================
+# Stage 2: Final Runtime Image
+# =============================
 FROM node:${NODE_VERSION}-alpine AS final
 
-# Set environment variables for production
+# Set production environment
 ENV NODE_ENV=production
 
-# Set working directory
+# Set working directory for the runtime container
 WORKDIR /app
 
-# Installing globally requires root access, so do this before USER node
+# Install the Vercel "serve" package globally to serve static files
 RUN npm install -g serve
 
-
-# Switch to a non-root user for security
+# Drop root privileges and run as the non-root "node" user
 USER node
 
-# Copy only the built app from the build stage
+# Copy the built production files from the build stage
 COPY --from=build /app/dist /app/build
 
-# Expose port 8080 for the static server
+# Expose the port where the static server will run
 EXPOSE 8080
 
-# Start the static file server
+# Start the static server to serve the built React app
 CMD ["serve", "-s", "build", "-l", "8080"]

compose.yaml

@@ -4,27 +4,36 @@ services:
       context: .
       dockerfile: Dockerfile
     image: docker-reactjs-sample
+    container_name: reactjs-sample-app-prod
     ports:
       - "8080:8080"
+
   react-dev:
     build:
       context: .
       dockerfile: Dockerfile.dev
+    image: docker-reactjs-sample-dev
+    container_name: reactjs-sample-app-prod
     ports:
       - "5173:5173"
     develop:
       watch:
         - action: sync
           path: .
           target: /app
+
   react-test:
     build:
       context: .
       dockerfile: Dockerfile.dev
-    command: ["npm", "run", "test:coverage"]
+    image: docker-reactjs-sample-test
+    container_name: reactjs-sample-app-test
+    command: ["npm", "run", "test"]
 
   react-lint:
     build:
       context: .
       dockerfile: Dockerfile.dev
+    image: docker-reactjs-sample-lint
+    container_name: reactjs-sample-app-lint
     command: ["npm", "run", "lint"]