Dockerfile

# 1) deps 단계: node_modules 설치
FROM node:20-slim AS deps
WORKDIR /app

COPY package.json package-lock.json* pnpm-lock.yaml* yarn.lock* .npmrc* ./
RUN \
  if [ -f package-lock.json ]; then npm ci; \
  elif [ -f yarn.lock ]; then yarn install --frozen-lockfile; \
  elif [ -f pnpm-lock.yaml ]; then npm install -g pnpm && pnpm install --frozen-lockfile; \
  else echo "No lockfile found." && npm install; \
  fi

# 2) builder 단계: Next.js 앱 빌드
FROM node:20-slim AS builder
WORKDIR /app

COPY --from=deps /app/node_modules ./node_modules
COPY . .

ENV NODE_ENV=production

# 프로덕션 환경변수 (빌드 시점에 NEXT_PUBLIC_* 주입)
ARG NEXT_PUBLIC_KAKAO_JS_KEY=d7318af9dabdf95b028890983acc7fed
ARG NEXT_PUBLIC_REDIRECT_URI=https://test.ditto.pics/auth/callback
ARG NEXT_PUBLIC_API_BASE=https://ditto.pics
ENV NEXT_PUBLIC_KAKAO_JS_KEY=$NEXT_PUBLIC_KAKAO_JS_KEY
ENV NEXT_PUBLIC_REDIRECT_URI=$NEXT_PUBLIC_REDIRECT_URI
ENV NEXT_PUBLIC_API_BASE=$NEXT_PUBLIC_API_BASE

RUN npm run build

# 3) runner 단계: Next.js 앱 실행
FROM node:20-slim AS runner
WORKDIR /app

ENV NODE_ENV=production
ENV PORT=3000

COPY --from=builder /app/public ./public
COPY --from=builder /app/.next/standalone ./
COPY --from=builder /app/.next/static ./.next/static

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

# --------------------------------------------------------
# 4) storybook-builder 단계: Storybook 정적 빌드
# --------------------------------------------------------
FROM node:20-slim AS storybook-builder
WORKDIR /app

COPY --from=deps /app/node_modules ./node_modules
COPY . .

ENV NODE_ENV=production
# Storybook 정적 사이트 빌드 (storybook-static 폴더 생성)
RUN npm run build-storybook

# --------------------------------------------------------
# 5) storybook-runner 단계: Storybook 정적 파일 서빙
# --------------------------------------------------------
FROM node:20-alpine AS storybook-runner
WORKDIR /app

ENV NODE_ENV=production
ENV STORYBOOK_PORT=6006

# 정적 빌드 결과만 복사
COPY --from=storybook-builder /app/storybook-static ./storybook-static

# 정적 파일 서빙을 위한 간단한 서버 패키지 설치
RUN npm install -g serve

EXPOSE 6006

# storybook-static을 6006 포트로 서빙
CMD ["serve", "-s", "storybook-static", "-l", "6006"]