DockerでNext.js with-typescript-eslint-jest

環境

ProductName:    Mac OS X
ProductVersion: 10.15.7
BuildVersion:   19H524
Docker version 20.10.5, build 55c4c88
docker-compose version 1.28.5, build c4eb3a1f

Docker準備

FROM node:14.16.1-alpine3.13
WORKDIR /usr/src/app

docker-compose.yml

version: '3'
services:
  node:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./:/usr/src/app
    command: sh -c "cd app && npm run dev"
    ports:
      - '3000:3000'

create-next-appコマンドをインストール

$ docker-compose run --rm node npm install create-next-app

create-next-appコマンドを実行

templateをwith-typescript-eslint-jest
プロジェクト名をapp

$ docker-compose run --rm node npx create-next-app --example with-typescript-eslint-jest app

docker-compose up

$ docker-compose up

http://localhost:3000 にアクセス