Support compose watch

Dockerfile

@@ -1,8 +1,8 @@
 FROM node:21-alpine AS base
 
 ######################################################################################
-# 1. Install dependencies only when needed
-FROM base AS deps
+# 1. Install prod dependencies only when needed
+FROM base AS proddeps
 
 # No Dev-Dependencies
 ENV NODE_ENV=production
@@ -22,7 +22,7 @@ FROM base AS builder
 WORKDIR /app
 COPY components ./components
 COPY lib ./lib
-COPY --from=deps /app/node_modules ./node_modules
+COPY --from=proddeps /app/node_modules ./node_modules
 COPY pages ./pages
 COPY public ./public
 COPY styles ./styles
@@ -53,3 +53,24 @@ EXPOSE 3001
 ENV PORT 3001
 
 CMD ["node", "server.js"]
+
+######################################################################################
+# Development
+FROM base AS dev
+
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+
+WORKDIR /app
+
+RUN addgroup -g 1001 -S nodejs
+RUN adduser -S nodejs -u 1001
+
+COPY --chown=nodejs:nodejs components ./components
+COPY --chown=nodejs:nodejs lib ./lib
+COPY --chown=nodejs:nodejs pages ./pages
+COPY --chown=nodejs:nodejs public ./public
+COPY --chown=nodejs:nodejs styles ./styles
+COPY --chown=nodejs:nodejs .eslintrc.json next.config.js package-lock.json package.json postcss.config.js tailwind.config.js tsconfig.json ./
+
+RUN npm ci

README.md

@@ -24,7 +24,7 @@ cd 2a5-app
 npm install
 ```
 
-Run the nodejs development server:
+Run the nodejs development server (It supports hot reload):
 ```bash
 npm run dev
 ```
@@ -37,12 +37,12 @@ Stop it with CTRL+C
 
 # Run with Docker
 
-The container will join the existing 2a5 network
+The container will join the existing 2a5 network (It supports hot reload):
 ```bash
-docker compose up -d
+docker compose up --build --watch
 ```
 
-Stop it:
+Stop it by ctrl+c or if detached:
 ```bash
 docker compose down
 ```

docker-compose.yml

@@ -1,13 +1,11 @@
-version: "3"
 services:
 
   app:
     build:
       context: .
       dockerfile: Dockerfile
-      target: runner
+      target: dev
     hostname: 2a5-app-development
-    image: 2a5-app-development
     ports:
       - "3001:3001"
     container_name: 2a5-app-development
@@ -16,6 +14,26 @@ services:
       - DOCKER_API_PORT=3000
     networks:
       - 2a5-extern
+    command: npm run dev
+    develop:
+      watch:
+        - action: sync
+          path: ./components
+          target: /app/components
+        - action: sync
+          path: ./lib
+          target: /app/lib
+        - action: sync
+          path: ./pages
+          target: /app/pages
+        - action: sync
+          path: ./public
+          target: /app/public
+        - action: sync
+          path: ./styles
+          target: /app/styles
+        - action: rebuild
+          path: package.json
 
 networks:
   2a5-extern: