DockerでNext.js14、bunの環境構築してみた

.
├── app
│   ├── node_modules
│   ├── public
│   └── src
│       └── app
└── docker
    └── nextjs

npx create-next-app --use-bun

What is your project named?  my-app
Would you like to use TypeScript?  No / Yes
Would you like to use ESLint?  No / Yes
Would you like to use Tailwind CSS?  No / Yes
Would you like to use `src/` directory?  No / Yes
Would you like to use App Router? (recommended)  No / Yes
Would you like to customize the default import alias (@/*)?  No / Yes

version: '3'

services:
  app:
    build: 
      context: .
      target: dev
      dockerfile: docker/nextjs/Dockerfile
    volumes:
      - "./app:/app"
    command: [ "bun", "run", "dev" ]
    ports:
      - "3000:3000"
      - "6006:6006"// storybook用なのでなくても良い
    tty: true
    stdin_open: true

FROM oven/bun:1.0-slim as dev
ENV NODE_ENV=development
WORKDIR /app

COPY ./app/package*.json ./app/bun.lockb ./
RUN bun install

CMD ["bun", "run", "dev"]

docker compose build app

docker compose up app

// docker compose upした状態でコンテナの中に入る
docker compose exec app bash

// prettierとexlintの設定をインストール
bun add prettier eslint-config-prettier