DockerでNext.jsのコンテナを作成した時にホットリロードで詰まった話

前提条件

• 前回Next.jsでWebサイトを開発したときはローカル環境で行ったので、次のステップとしてDockerコンテナを利用して開発したかった
• Windows11
• Next.js Docker ともに初心者レベル

原因

• package.json の以下の部分の --turbopack を消すこと

  "scripts": {
⭕  "dev": "WATCHPACK_POLLING=true next dev",
❌  "dev": "WATCHPACK_POLLING=true next dev --turbopack",
    "build": "next build --turbopack",
    "start": "next start",
    "lint": "eslint"
  },

まとめ

next.config.ts にコードを書くとかいろいろな情報が出てきたけどこれが原因だったようでした。