docker-compose.yml

@@ -163,6 +163,7 @@ services:
     build:
       context: ./frontend
       dockerfile: Dockerfile
+      target: development  # Dockerfile is multi-stage; default would be the production stage
     container_name: archive-frontend
     restart: unless-stopped
     depends_on:

frontend/Dockerfile

@@ -1,15 +1,34 @@
-FROM node:20-alpine
+# syntax=docker/dockerfile:1.7
 
+# ── Development ──────────────────────────────────────────────────────────────
+# Used by docker-compose.yml (target: development). Source is bind-mounted in
+# dev so the COPY . below is effectively replaced at runtime; the layer still
+# exists so the image is self-contained for cold starts (e.g. devcontainer).
+FROM node:20.19.0-alpine3.21 AS development
 WORKDIR /app
-
-# Install dependencies as a separate layer so they are cached when only source changes
 COPY package.json package-lock.json ./
 RUN npm ci
-
-# Source is mounted at runtime via docker-compose volume
-# This COPY is only used when building without a volume (e.g. production image)
 COPY . .
-
 EXPOSE 5173
-
 CMD ["npm", "run", "dev"]
+
+# ── Build ────────────────────────────────────────────────────────────────────
+# Compiles the SvelteKit Node-adapter output to /app/build.
+FROM node:20.19.0-alpine3.21 AS build
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+# ── Production ───────────────────────────────────────────────────────────────
+# Self-contained Node server. `node build` is the adapter-node entrypoint.
+FROM node:20.19.0-alpine3.21 AS production
+WORKDIR /app
+ENV NODE_ENV=production
+COPY --from=build /app/build ./build
+COPY --from=build /app/package.json ./package.json
+COPY --from=build /app/package-lock.json ./package-lock.json
+RUN npm ci --omit=dev
+EXPOSE 3000
+CMD ["node", "build"]