Next.jsを10から11にアップグレードする

Next.js 11がリリースされていたので、10からアップグレードしてみます。

環境

1
"next": "^10.0.0",
2
"react": "17.0.1",
3
"react-dom": "17.0.1",

公式のアップグレードガイドの通りに行ってみます。

まずはreactとreact-domをアップグレードします。

npm install react@latest react-dom@latest

yarn add react@latest react-dom@latest

次に、nextをアップグレードします。

npm install next@latest

yarn add next@latest

package.jsonを開いて、バージョンが変更されていることが確認できれば完了です。

1
"next": "^11.0.0",
2
"react": "^17.0.2",
3
"react-dom": "^17.0.2",