feat: add multistage Dockerfile; serve dashboard static files in production

Author: WildDev

Dockerfile

@@ -0,0 +1,31 @@
+FROM node:24-alpine AS builder
+
+RUN corepack enable && corepack prepare [email protected] --activate
+
+WORKDIR /app
+
+COPY package.json pnpm-workspace.yaml pnpm-lock.yaml .npmrc ./
+COPY tsconfig.json tsconfig.base.json ./
+COPY lib/ ./lib/
+COPY artifacts/ ./artifacts/
+COPY scripts/ ./scripts/
+
+RUN pnpm install --frozen-lockfile
+
+RUN PORT=3000 BASE_PATH=/ NODE_ENV=production \
+    pnpm --filter @workspace/images-dashboard run build
+
+RUN pnpm --filter @workspace/api-server run build
+
+FROM node:24-alpine AS runner
+
+WORKDIR /app
+
+COPY --from=builder /app/artifacts/api-server/dist/ ./dist/
+COPY --from=builder /app/artifacts/images-dashboard/dist/public/ ./dist/public/
+
+ENV NODE_ENV=production
+ENV PORT=8080
+EXPOSE 8080
+
+CMD ["node", "--enable-source-maps", "dist/index.mjs"]

artifacts/api-server/src/app.ts

@@ -1,6 +1,8 @@
 import express, { type Express } from "express";
 import cors from "cors";
 import pinoHttp from "pino-http";
+import path from "path";
+import { fileURLToPath } from "url";
 import router from "./routes";
 import { logger } from "./lib/logger";
 
@@ -31,4 +33,12 @@ app.use(express.urlencoded({ extended: true }));
 
 app.use("/api", router);
 
+if (process.env["NODE_ENV"] === "production") {
+  const publicDir = path.join(path.dirname(fileURLToPath(import.meta.url)), "public");
+  app.use(express.static(publicDir));
+  app.get("*", (_req, res) => {
+    res.sendFile(path.join(publicDir, "index.html"));
+  });
+}
+
 export default app;