Next.js 16にClaudeCodeでアップグレードした。
2025年11月01日
Next.jsが提供しているMCPを使うことで、簡単にバージョン16へアップグレードできた。
1. mcpの設定
以下のコマンドで接続する
claude mcp add next-devtools npx next-devtools-mcp@latest
2. 自然言語で以下のようにリクエストする。
Next Devtools, help me upgrade my Next.js app to version 16
すると、バージョン16へアップグレードしてくれる。
おまけ
以下のようにリクエストすると、今回のバージョン16で追加されたキャッシュコンポーネントを使ってくれる。
Next Devtools, migrate my Next.js app to cache components