next-devtools-mcp MCP server

Next.js Development for Coding Agent

What next-devtools-mcp does

Summarised from the project README; check the repository for the latest details.

Tools exposed (9)

• nextjs_index – Discover running Next.js dev servers and list each one's runtime MCP tools.
• nextjs_call – Call a runtime tool on a discovered server (errors, routes, logs, Server Actions).
• nextjs_docs – Gateway. Point the agent at version-accurate docs in `nodemodules/next/dist/docs/`.
• browser_eval – Gateway. Point the agent at the `agent-browser` CLI for browser automation.
• get_errors – current build, runtime, and type errors
• get_logs – path to the dev log file (browser console + server output)
• get_page_metadata – routes, pages, component metadata
• get_project_metadata – project structure, config, dev server URL
• get_server_action_by_id – resolve a Server Action ID to its source file

Requirements

• Node.js v20.19 or a newer LTS version
• npm or pnpm
• Next.js 16+ with a running dev server (for `nextjsindex` / `nextjscall`)
• Node.js (runs with npx)

How to install next-devtools-mcp MCP in Claude Desktop, Cursor and VS Code

claude mcp add --transport stdio next-devtools -- 'npx -y next-devtools-mcp@latest'

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx -y next-devtools-mcp@latest"
    }
  }
}

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx -y next-devtools-mcp@latest"
    }
  }
}

{
  "servers": {
    "next-devtools": {
      "type": "stdio",
      "command": "npx -y next-devtools-mcp@latest"
    }
  }
}

Add to config generator – combine it with other servers, or get the Windsurf format.

Listed on Socketlist – add this badge to your README:

Badge markdown[](https://socketlist.pages.dev/s/vercel-next-devtools-mcp/)

Maintain this project? Get it featured for free during launch →

Compare with deep-research →

Related AI Models & Agents MCP servers