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

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

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

環境

"next": "^10.0.0",
"react": "17.0.1",
"react-dom": "17.0.1",


手順

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

reactとreact-domのアップグレード

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

npmの場合

npm install react@latest react-dom@latest

yarnの場合

yarn add react@latest react-dom@latest


nextのアップグレード

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

npmの場合

npm install next@latest

yarnの場合

yarn add next@latest


package.jsonを確認

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

"next": "^11.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",