【雑記】Next.jsでバージョンを指定するには？

やりたいこと

この本( https://book.mynavi.jp/ec/products/detail/id=130848 )で使われているNext.jsが12系のようだが、最新版(240225時点)が14系らしく。色々異なっている様子。
まず、12にあるらしいpagesがなく、appになっているがディレクトリ名が変わっただけでなく、どうも振る舞いもかわっている。

そのため、初期状態の14系ではなく12系でできるようにしたい。

困ってたこと

バージョン指定がわからない

やったこと

とりあえず、以下を試してみた。

npx create-next-app@^12 my-app  

package.jsonを確認する。

{
  "dependencies": {
    "next": "^12.3.4"
  }
}

ん、できてる…？

localhostの画面は確かに12系の画面になってる。
ただ、 npm run dev を実行したときに14.1.0と出てくるのが気になる。。。

sakana10@pc my-app % npm run dev 

> my-app@0.1.0 dev
> next dev

   ▲ Next.js 14.1.0
   - Local:        http://localhost:3000

warning ../package.json: No license field
 ✓ Ready in 2.5s
 ○ Compiling / ...
 ✓ Compiled / in 991ms (233 modules)

ひとまず様子見かなぁ。

雑感

書籍を使って勉強するときのあるあるだけど、初期の環境構築にかなり時間を取ってしまった。

環境構築後は理解できる話が多いので、この後はスムーズに進んで欲しい。