フロントエンド開発の先端を突っ走るNext.js
next.js アプリの初期化( npx create-next-app@latest <アプリ名> ) または pnpm create next-app@latest <アプリ名> または bun create next-app <アプリ名> )

Next.js DevTools MCP

● Next.js 16 の DevTools MCP

Next.js DevTools MCP(パッケージ名:next-devtools-mcp)は、Next.js開発を効率化するbridge MCPサーバーです。

Next.js 16のビルトインMCPエンドポイント(/_next/mcp)と、Cursor/ClaudeなどのMCPクライアントを繋ぎ、 ランタイム診断(エラー/ログ取得)、アップグレード支援、ブラウザ自動化を提供します。

● Next.js DevTools MCPの設定

Next.js DevTools MCPの設定は、プロジェクトルートに.mcp.jsonを作成するだけです。

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx",
      "args": ["-y", "next-devtools-mcp@latest"]
    }
  }
}
No.2742
04/28 16:03

edit