43 lines
1.6 KiB
Docker
43 lines
1.6 KiB
Docker
# ╔══════════════════════════════════════════════╗
|
||
# ║ Frontend Dockerfile – multi-stage ║
|
||
# ╚══════════════════════════════════════════════╝
|
||
|
||
# ── Stage 1: deps ────────────────────────────────
|
||
FROM node:22-alpine AS deps
|
||
WORKDIR /app
|
||
COPY package.json package-lock.json* ./
|
||
RUN npm install && npm cache clean --force
|
||
|
||
# ── Stage 2: development (hot reload) ────────────
|
||
FROM deps AS development
|
||
ARG VITE_APP_VERSION=dev
|
||
ENV VITE_APP_VERSION=$VITE_APP_VERSION
|
||
COPY . .
|
||
EXPOSE 5173
|
||
CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0", "--port", "5173"]
|
||
|
||
# ── Stage 3: build ───────────────────────────────
|
||
FROM deps AS builder
|
||
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 . .
|
||
RUN npm run build
|
||
|
||
# ── Stage 4: production (nginx static) ───────────
|
||
FROM nginx:1.27-alpine AS production
|
||
LABEL maintainer="VibeFinance"
|
||
|
||
# Kopieer de Vite build output
|
||
COPY --from=builder /app/dist /usr/share/nginx/html
|
||
|
||
# Nginx config voor SPA (history-mode fallback)
|
||
COPY nginx-spa.conf /etc/nginx/conf.d/default.conf
|
||
|
||
EXPOSE 80
|
||
HEALTHCHECK --interval=30s --timeout=5s --start-period=5s --retries=3 \
|
||
CMD wget -qO- http://localhost/ || exit 1
|
||
|
||
CMD ["nginx", "-g", "daemon off;"]
|