Blog スタッフブログ

こんにちは、株式会社MIXシステム開発担当のBloomです。

今回はNext.jsプロジェクトのローカルでの動作確認時に発生したエラーへの対処の備忘録を掲載します。

原因

Node.js 25環境でWeb Storage APIがデフォルトで有効化されたため、Next.js 15で下記コードによるサーバサイドの処理分岐に失敗するようになりました。

if (typeof localStorage !== 'undefined') {
  const value = localStorage.getItem('key');
}

対処法

推奨されている対処方法はNext.jsのバージョンを16へアップグレードすることですが、今回はNode.jsのバージョンをダウングレードすることで対応しました。

nvm install 22
nvm use 22

これで一旦エラーを回避できました。良かったですね。