Dockerfile.web

# syntax=docker/dockerfile:1.7
#
# Frontend image — Vite build → nginx alpine.
#
# Stages:
#   deps    → installs ALL deps (dev included, needed to run vite/tsc)
#   builder → runs the Vite production build, output in /repo/web/dist
#   runtime → nginx alpine serving the built static assets
#
# Build context: repository root (we need ../docs to be siblings of web/).

ARG NODE_VERSION=22-alpine
ARG NGINX_VERSION=1.27-alpine

# ---------- deps ----------
FROM node:${NODE_VERSION} AS deps

WORKDIR /repo/web
COPY web/package.json web/package-lock.json ./

RUN --mount=type=cache,target=/root/.npm \
    npm ci

# ---------- builder ----------
FROM node:${NODE_VERSION} AS builder

WORKDIR /repo
COPY --from=deps /repo/web/node_modules ./web/node_modules
COPY web ./web
COPY docs ./docs

WORKDIR /repo/web
RUN npm run build

# ---------- runtime ----------
FROM nginx:${NGINX_VERSION} AS runtime

# Custom nginx config: SPA fallback + cache headers + gzip.
COPY nginx.conf /etc/nginx/conf.d/default.conf

COPY --from=builder /repo/web/dist /usr/share/nginx/html

EXPOSE 80

HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
    CMD wget --spider -q http://localhost:80/ || exit 1

LABEL org.opencontainers.image.title="node-ts-starter-web" \
      org.opencontainers.image.description="Vite static SPA (TypeScript course viewer)" \
      org.opencontainers.image.source="https://github.com/your/node-ts-starter" \
      org.opencontainers.image.licenses="MIT"