next.js/examples/with-docker/Dockerfile at canary · vercel/next.js
nextjs docker이미지를 생성하기위한 dockerfile이며 nextjs 에서 예시로 올려둠.
ec2와 S3버킷, 코드푸쉬를 사용한 방법은 정적인 페이지를 배포할때 유용하다. 처음에는 버킷으로 배포하려 했는데, 에로사항이 있어서 git hub runner 를 사용하기로 결정함.
git hub runner를 이용한 위의 방법이 더 직관적이고 간편하게 배포가능 (깃액션을 사용하기때문에 월 한도량 초과시 요금청구)
https://mag1c.tistory.com/465#article-7--ec2에-docker-설치
docker file, nextjs공식 페이지에서 확인가능.
FROM node:18-alpine AS base
# Install dependencies only when needed
FROM base AS deps
# Check <https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine> to understand why libc6-compat might be needed.
RUN apk add --no-cache libc6-compat
WORKDIR /app
# Install dependencies based on the preferred package manager
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
RUN \\
if [ -f yarn.lock ]; then yarn --frozen-lockfile; \\
elif [ -f package-lock.json ]; then npm ci; \\
elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm i --frozen-lockfile; \\
else echo "Lockfile not found." && exit 1; \\
fi
# Rebuild the source code only when needed
FROM base AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
# Next.js collects completely anonymous telemetry data about general usage.
# Learn more here: <https://nextjs.org/telemetry>
# Uncomment the following line in case you want to disable telemetry during the build.
# ENV NEXT_TELEMETRY_DISABLED 1
RUN \\
if [ -f yarn.lock ]; then yarn run build; \\
elif [ -f package-lock.json ]; then npm run build; \\
elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; \\
else echo "Lockfile not found." && exit 1; \\
fi
# Production image, copy all the files and run next
FROM base AS runner
WORKDIR /app
ENV NODE_ENV production
# Uncomment the following line in case you want to disable telemetry during runtime.
# ENV NEXT_TELEMETRY_DISABLED 1
RUN addgroup --system --gid 1001 nodejs
RUN adduser --system --uid 1001 nextjs
COPY --from=builder /app/public ./public
# Set the correct permission for prerender cache
RUN mkdir .next
RUN chown nextjs:nodejs .next
# Automatically leverage output traces to reduce image size
# <https://nextjs.org/docs/advanced-features/output-file-tracing>
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
USER nextjs
EXPOSE 3000
ENV PORT 3000
# server.js is created by next build from the standalone output
# <https://nextjs.org/docs/pages/api-reference/next-config-js/output>
CMD HOSTNAME="0.0.0.0" node server.js
위의 도커파일을 nextjs 루트에 생성.