Next.js13.2 アップデート

Next.js 13.2

Next.js 13.2 introduces major improvements to the App Router in preparation for stability, including SEO support, Route Handlers, MDX for Server Components, Type-Safe Links, and more.

https://nextjs.org

Next.js 13.2がリリースされたので、旧バージョンからアップデート方法です

Next.js Update

現在のpackage.jsonの確認

{
  "name": "nextjs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@next/font": "13.1.1",
    "eslint": "8.30.0",
    "eslint-config-next": "13.1.1",
    "next": "13.1.1",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }
}

Update

npm i next@latest react@latest react-dom@latest eslint-config-next@latest @next/font@latest

確認

diff --git a/package.json b/package.json
index 8f5b72b..1eecc58 100644
--- a/package.json
+++ b/package.json
@@ -9,11 +9,11 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@next/font": "13.1.1",
+    "@next/font": "^13.2.1",
     "eslint": "8.30.0",
-    "eslint-config-next": "13.1.1",
-    "next": "13.1.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "eslint-config-next": "^13.2.1",
+    "next": "^13.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   }
 }

Update出来ていることを確認