Next v15にアップグレードする

このブログをNext v15にアップグレードしたので、その過程をまとめました

アップグレードは公式ドキュメントを見ながら進めました https://nextjs.org/docs/app/building-your-application/upgrading/version-15

パッケージのインストール

アップグレードしたときに遭遇したエラー

npm ciでエラーがでるようになってしまった

React v19へのアップグレードにより、いくつかのパッケージがまだReact v19に対応していないため、npm ciでエラーがでるようになってしまいました。 そのため、Reactのアップグレードは一旦保留とし、Next v15だけアップグレードしました。

Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used

TODO: このエラーの原因が分からず、解決できていませんでした。 ただ、buildを実行することはできたので、一旦このエラーは無視することにしました。 原因、対策が分かったら追記します。 12/9 更新 こちら解決できました。 原因はGoogle Analytics Opt-out Add-on というgoogleの拡張機能でした。 拡張機能が原因でエラーになることがあるということは想定外でした。。。 こちら の記事を見たときに気づくことができました。