Dockerfile gabarit pour les frontends (Next.js et Vite)

# syntax=docker/dockerfile:1

# ============================================
# Stage 1 : Build
# ============================================
FROM node:20-alpine AS build
WORKDIR /app

# Variables d'environnement publiques injectées au build
ARG NEXT_PUBLIC_API_URL
ENV NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}

COPY package.json package-lock.json ./
RUN npm ci --ignore-scripts

COPY . .
RUN npm run build

# ============================================
# Stage 2 : Production runtime
# ============================================
FROM node:20-alpine AS production
WORKDIR /app

ENV NODE_ENV=production
ENV PORT=3000

# Utilisateur non-root
RUN addgroup --system --gid 1001 nodejs && \
    adduser --system --uid 1001 nextjs

# Copie des artefacts nécessaires au runtime Next.js
COPY --from=build --chown=nextjs:nodejs /app/.next/standalone ./
COPY --from=build --chown=nextjs:nodejs /app/.next/static ./.next/static
COPY --from=build --chown=nextjs:nodejs /app/public ./public

USER nextjs

EXPOSE 3000

HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
    CMD node -e "require('http').get('http://localhost:3000/api/health', (r) => process.exit(r.statusCode === 200 ? 0 : 1))"

CMD ["node", "server.js"]

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'standalone',
  // Les variables NEXT_PUBLIC_* sont inlined au build
  env: {
    NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
  },
}

module.exports = nextConfig

# syntax=docker/dockerfile:1

# ============================================
# Stage 1 : Build
# ============================================
FROM node:20-alpine AS build
WORKDIR /app

# Variables publiques injectées au build
ARG VITE_API_URL
ENV VITE_API_URL=${VITE_API_URL}

COPY package.json package-lock.json ./
RUN npm ci --ignore-scripts

COPY . .
RUN npm run build

# ============================================
# Stage 2 : Serveur nginx
# ============================================
FROM nginx:1.27-alpine AS production

# Configuration nginx pour SPA
COPY nginx.conf /etc/nginx/conf.d/default.conf

# Copie des fichiers statiques
COPY --from=build /app/dist /usr/share/nginx/html

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]

server {
    listen 80;
    server_name localhost;
    root /usr/share/nginx/html;
    index index.html;

    # Gzip compression
    gzip on;
    gzip_types text/plain text/css application/javascript application/json image/svg+xml;

    # Cache agressif pour les assets hashés
    location /assets/ {
        expires 1y;
        add_header Cache-Control "public, immutable";
    }

    # Fallback SPA : toute route non trouvée renvoie index.html
    location / {
        try_files $uri $uri/ /index.html;
    }

    # Healthcheck simple
    location /health {
        access_log off;
        return 200 "healthy\n";
        add_header Content-Type text/plain;
    }
}