Next.js を v3 から v13 に一気にアップデートした話

2023年夏休みの自由研究がてら、約6年メンテナンスされていなかった Next.js で作られたサイトの開発環境をアップデートしました。Next.js に関しては、なんと v3 から v13 に一気にアップデートでした。 ただやっただけだともったい無いので、せっかくなので記事に残そうと思います。同じように Next.js で作られたサイトのメンテナンスを怠っている人に届いて、何か少しでも助けになれれば幸いです。 背景 まず、アップデートをしようと思った最初のきっかけは、M1/M2 Mac で Node.js を使って普通に開発ができないことでした。6年間メンテされてなかったこともあり、この環境の Node.js のバージョンは v8.4.0 です。（当時はもちろん最新でした😂） Node.js v16 未満のバージョンを M1/M2 Mac にインストールして使うには、以下の記事のように

[internetkun]

「開発用ファイルは src ディレクトリ、静的ファイルは public ディレクトリという構成に基本なっている」という記述があるけどそうだっけ…？　create-next-appに--src-dirオプションをつけるとそうなるけどデフォルトは違うし