Next.js10.2.3から11.1.0に更新

公開日時

このブログをNext.js10.2.3から11.1.0に更新した。

ビルド時に↓のエラーが出ていたので、

yarn build

Build error occurred
Error: `future.webpack5` in `next.config.js` has moved to the top level `webpack5` flag https://nextjs.org/docs/messages/future-webpack5-moved-to-webpack5

エラー内容に沿って next.config.js の設定を変更した。

// before
const nextConfig = {
  future: { webpack5: true }
}

// after
const nextConfig = {
  webpack5: true
}

Dependabotのおかげで継続的なライブラリ更新が習慣化できていて良い。


Related #next.js

SharedArrayBuffer updates in Android Chrome 88 and Desktop Chrome 92

クロスオリジン分離対応を実施

react-hook-formとReact Datepickerを組み合わせる

Hook FormのControllerを使う

Next.jsで生成したサイトで特定のページのみnoindexを設定する

タグに紐づく記事一覧ページはnoindexにした

Next.jsでAdsenseタグを埋め込んだら Only one AdSense head tag supported per page エラーが発生

Only one AdSense head tag supported per page. The second tag is ignored.