Next.jsのDockerfileを作成する

要件

Next.jsのDockerfileを作成する

タスク

• Next.jsのDockerfileを作成する

• なるべく軽量のDockerを作成する
  

参考記事

▼軽量のDockerfileを作成する上で参考になりました！

【Node.js/Next.js】Cloud Runで動作する軽量なDockerを構築してみた

▼以下のものは英語ですが、わかりやすかったです！

How to use Next.js with Docker and Docker compose a beginner's guide

学べること

• NextのDockerfileを書く方法

• 軽量のDockerを構築する方法

ヒント

Dockerfile ※next ver13

# ==================================================
# パッケージのインストールのレイヤー
# ==================================================
FROM node:18-alpine AS deps
WORKDIR /base

COPY package.json package-lock.json ./
RUN  npm install --production


# ==================================================
# アプリのビルドレイヤー
# ==================================================
FROM node:18-alpine AS builder
WORKDIR /build
COPY --from=deps /base/node_modules ./node_modules

COPY ./app /build/app
COPY package.json yarn.lock ./

# buildは、tsからjsに変換するのでこれがないとエラーになる
COPY tsconfig.json .

# nextのbuildの設定ルール
COPY next.config.js .

RUN npm run build


# ==================================================
# アプリの実行レイヤー
# ==================================================
FROM node:18-alpine AS runner
#
WORKDIR /app

COPY --from=builder /build/.next ./.next
COPY --from=builder /build/node_modules ./node_modules
COPY --from=builder /build/package.json ./package.json

CMD ["npm", "start"]

関連タグ

#next .js #docker #Dockerfile