# Frontend in twee fases:
# 1) Node bouwt de React-app tot statische bestanden.
# 2) Nginx serveert die bestanden en proxyt /api en /admin naar de backend.

# --- Fase 1: build --------------------------------------------------------
FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# --- Fase 2: nginx --------------------------------------------------------
FROM nginx:1.27-alpine
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build /app/dist /usr/share/nginx/html
EXPOSE 80