Next.jsの環境構築をDockerで

touch Dockerfile docker-compose.yml

FROM node:18-alpine
RUN mkdir /var/www
WORKDIR /var/www

docker-compose.yml

version: '3.9'
services:
  web:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - .:/var/www # ローカルをコンテナ内にマウント
    command: sh -c "cd ./src && npm run dev"
    ports:
      - "3000:3000"
    stdin_open: true 

docker-compose build 
docker-compose run web npx create-next-app@latest src --typescript

yでエンター　

srcディレクトリが生成され、その中にいろいろ作られる

docker-compose up -d

localhost:3000にアクセスで初期画面表示