FROM node:20-alpine
# stage 1: build

FROM nginx:alpine
# stage 2: runtime

FROM node:20-alpine AS builder
WORKDIR /app

FROM nginx:alpine AS runner

# ดึงเฉพาะผลลัพธ์ที่ build แล้ว
COPY --from=builder /app/dist /usr/share/nginx/html

FROM node:20-alpine

WORKDIR /app
COPY package*.json ./
RUN npm ci

COPY . .
RUN npm run build

# ติดตั้ง serve เพื่อเสิร์ฟไฟล์ static
RUN npm i -g serve

EXPOSE 4173
CMD ["serve", "-s", "dist", "-l", "4173"]

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

COPY package*.json ./
RUN npm ci

COPY . .
RUN npm run build

# Stage 2: Runtime
FROM nginx:alpine AS runner
COPY --from=builder /app/dist /usr/share/nginx/html

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

# build single-stage
docker build -f Dockerfile.single -t app:single .

# build multi-stage
docker build -f Dockerfile.multi -t app:multi .

# ดูขนาด image
docker image ls | grep 'app:'