Files
VibeFinance/Dockerfile
T
Jordy HoogeveenandClaude Opus 5 bfec3a25f3 Migratie naar 2-container opzet (app + database)
De Express-app serveert nu zelf de gebouwde Vite-frontend op / met een
SPA-fallback naar index.html; de aparte nginx-container is vervallen.
Bedoeld voor self-hosting op een Raspberry Pi: één image, één origin,
geen interne proxy en geen CORS tussen frontend en API.

Docker
- Nieuwe multi-stage Dockerfile in de root met targets test, development
  en production; frontend/Dockerfile, frontend/nginx-spa.conf en
  backend/Dockerfile verwijderd
- docker-compose.yml: alleen app + postgres, app publiceert APP_PORT
  (standaard 3400) naar containerpoort 3001
- docker-compose.dev.yml: dev-container draait API (node --watch) en de
  Vite dev-server samen via docker/dev-entrypoint.sh, hot reload intact
- .dockerignore, .env.example, .gitignore en .gitattributes toegevoegd

Backend
- express.static + SPA-fallback op STATIC_DIR (default /app/public), met
  immutable caching voor gehashte assets en no-store voor index.html
- Rate limiting alleen nog op /api — statische bestanden liepen anders na
  200 requests tegen de limiet aan
- Helmet CSP toegespitst op wat de frontend laadt (Google Fonts, inline
  styles, base64-avatars); upgrade-insecure-requests uit voor intern http
- Schema-init verplaatst naar initDb(), niet meer bij import van db.js

Tests en CI/CD
- backend/test/app.test.js: 11 tests (node --test) voor API-routes,
  SPA-fallback, cache- en security-headers, zonder database
- test.ps1 / test.sh: backend-tests, productiebuild en smoketest op de
  echte app + postgres stack
- azure-pipelines.yml: Test -> Build (incl. smoketest) -> Publish
  (multi-arch amd64 + arm64, alleen op main/master of een tag)

Scripts en documentatie
- dev.ps1/dev.sh met targets app en postgres, acties logs en test;
  dev.ps1 up wist de dev-database niet langer (alleen dev.ps1 down)
- release.ps1/release.sh bouwen één image voor amd64 + arm64 en draaien
  de testsuite vóór het publiceren
- README.md en BEHEER.md bijgewerkt voor de nieuwe structuur

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-04 11:51:29 +02:00

81 lines
3.8 KiB
Docker

# ╔══════════════════════════════════════════════════════════════════════════╗
# ║ VibeFinance — één app-image: Express API + gebouwde Vite-frontend ║
# ║ ║
# ║ Targets: ║
# ║ test backend-tests (npm test, geen database nodig) ║
# ║ development API (node --watch) + Vite dev-server, hot reload ║
# ║ production API die de statische build op / serveert ║
# ╚══════════════════════════════════════════════════════════════════════════╝
# ── Stage 1: frontend dependencies ────────────────────────────────────────────
FROM node:22-alpine AS frontend-deps
WORKDIR /build/frontend
COPY frontend/package.json frontend/package-lock.json* ./
RUN npm install && npm cache clean --force
# ── Stage 2: frontend bouwen (Vite → dist) ────────────────────────────────────
FROM frontend-deps AS frontend-build
ARG VITE_API_URL=/api
ARG VITE_APP_VERSION=dev
ENV VITE_API_URL=$VITE_API_URL
ENV VITE_APP_VERSION=$VITE_APP_VERSION
COPY frontend/ ./
RUN npm run build
# ── Stage 3: backend dependencies ─────────────────────────────────────────────
FROM node:22-alpine AS backend-deps
WORKDIR /app
COPY backend/package.json backend/package-lock.json* ./
RUN npm install && npm cache clean --force
# ── Stage 4: productie-dependencies (zonder devDependencies) ──────────────────
FROM backend-deps AS backend-prod-deps
RUN npm prune --omit=dev
# ── Stage 5: tests (backend, zonder database) ─────────────────────────────────
FROM backend-deps AS test
WORKDIR /app
ENV NODE_ENV=test
COPY backend/ ./
CMD ["npm", "test"]
# ── Stage 6: development (API + Vite samen, hot reload) ───────────────────────
FROM node:22-alpine AS development
WORKDIR /app
ENV NODE_ENV=development
COPY --from=backend-deps /app/node_modules ./node_modules
COPY --from=frontend-deps /build/frontend/node_modules ./frontend/node_modules
COPY backend/ ./
COPY frontend/ ./frontend/
COPY docker/dev-entrypoint.sh /usr/local/bin/dev-entrypoint.sh
RUN chmod +x /usr/local/bin/dev-entrypoint.sh
# 5173 = Vite dev-server (browser), 3001 = API
EXPOSE 5173 3001
CMD ["/usr/local/bin/dev-entrypoint.sh"]
# ── Stage 7: production (minimale image) ──────────────────────────────────────
FROM node:22-alpine AS production
LABEL maintainer="VibeFinance"
ARG APP_VERSION=dev
ENV NODE_ENV=production
ENV APP_VERSION=$APP_VERSION
RUN addgroup -S appgroup && adduser -S appuser -G appgroup
WORKDIR /app
COPY --from=backend-prod-deps /app/node_modules ./node_modules
COPY backend/package.json ./
COPY backend/src/ ./src/
# De frontend-build wordt door de backend geserveerd (config.STATIC_DIR)
COPY --from=frontend-build /build/frontend/dist ./public/
RUN chown -R appuser:appgroup /app
USER appuser
EXPOSE 3001
HEALTHCHECK --interval=30s --timeout=5s --start-period=15s --retries=3 \
CMD wget -qO- http://localhost:3001/api/health || exit 1
CMD ["node", "src/server.js"]