Developer ToolsIntermediate

Next.js DevTools

by Vercel

1.5k

Next.js development tools integration for build analysis, route inspection, performance monitoring, and development workflow optimization.

CAPABILITIES

Build analysis
Route inspection
Bundle size optimization
Performance metrics
Cache debugging
Development server control

INSTALLATION

Terminal

npx -y @vercel/mcp-nextjs-devtools

CLAUDE DESKTOP CONFIG

claude_desktop_config.json

{
  "mcpServers": {
    "nextjs-devtools": {
      "command": "npx",
      "args": [
        "npx", "-y",
        ""@vercel/mcp-nextjs-devtools"
      ]
    }
  }
}

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json

QUICK FACTS

Category: Developer Tools
Difficulty: Intermediate
Maintained By: Vercel
NPM Package: @vercel/mcp-nextjs-devtools

RELATED SERVERS

Sentry
Raygun
Context7

NEW TO MCP?

Learn how to set up MCP servers with Claude Desktop step by step.

Read the tutorial →