DockerでNext.jsの環境を構築してみる(Mac/docker-composeなし)

開発環境

  • OS:Mac
  • Docker Desktopインストール済み
  • VSCodeインストール済み

Dockerファイルを作成

touch Dockerfile

作成されたDockerfileを下記の内容で編集。

FROM node:18-alpine

WORKDIR /app

COPY package*.json ./
RUN npm install

COPY . .

RUN npm run build

EXPOSE 3000

CMD ["npm", "start"]

アプリを作成

npx create-next-app@latest nextjs-docker

アプリを起動

まずはディレクトリを移動。

cd nextjs-docker

アプリを起動。

npm run dev

環境が構築できたか確認

下記のURLを開いて、Next.jsのウェルカムページが表示されていたらOK。
http://localhost:3000/

以上になります。
お読み頂き、ありがとうございました。