Next.js 11がリリースされていたので、10からアップグレードしてみます。 <h2 id="hed900658dc">環境</h2><pre><code>"next": "^10.0.0",
"react": "17.0.1",
"react-dom": "17.0.1",</code></pre> <h2 id="h046876a126">手順</h2>公式の<a href="https://nextjs.org/docs/upgrading" target="_blank" rel="noopener noreferrer">アップグレードガイド</a>の通りに行ってみます。 <h3 id="ha31c15f535">reactとreact-domのアップグレード</h3>まずはreactとreact-domをアップグレードします。 npmの場合<pre><code>npm install react@latest react-dom@latest</code></pre>yarnの場合<pre><code>yarn add react@latest react-dom@latest</code></pre> <h3 id="he54ab14daa">nextのアップグレード</h3>次に、nextをアップグレードします。 npmの場合<pre><code>npm install next@latest</code></pre>yarnの場合<pre><code>yarn add next@latest</code></pre> <h3 id="h00da90d3f5">package.jsonを確認</h3>package.jsonを開いて、バージョンが変更されていることが確認できれば完了です。<pre><code>"next": "^11.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",</code></pre>

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

<html><head></head><body>Next.js 11がリリースされていたので、10からアップグレードしてみます。 <h2 id="hed900658dc">環境</h2><pre><code class="hljs">"next": "^10.0.0",
"react": "17.0.1",
"react-dom": "17.0.1",</code></pre> <h2 id="h046876a126">手順</h2>公式の<a href="https://nextjs.org/docs/upgrading" target="_blank" rel="noopener noreferrer">アップグレードガイド</a>の通りに行ってみます。 <h3 id="ha31c15f535">reactとreact-domのアップグレード</h3>まずはreactとreact-domをアップグレードします。 npmの場合<pre><code class="hljs">npm install react@latest react-dom@latest</code></pre>yarnの場合<pre><code class="hljs">yarn add react@latest react-dom@latest</code></pre> <h3 id="he54ab14daa">nextのアップグレード</h3>次に、nextをアップグレードします。 npmの場合<pre><code class="hljs">npm install next@latest</code></pre>yarnの場合<pre><code class="hljs">yarn add next@latest</code></pre> <h3 id="h00da90d3f5">package.jsonを確認</h3>package.jsonを開いて、バージョンが変更されていることが確認できれば完了です。<pre><code class="hljs">"next": "^11.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",</code></pre></body></html>