How do I install the next devtools mcp server?

Use a recorded configuration for your client, replace example credential values and paths, and verify the documented runtime. Restart or reconnect the client, then inspect the available tools.

What credentials does it need?

It reads `NEXT_TELEMETRY_DISABLED` from the environment. Store these in your client's env block or a secrets manager — never commit them to a repository — and grant the narrowest scope that still covers your use case.

SSyncDev

Start a project

Next Devtools MCP Server

Next.js development tools MCP server with stdio transport

Local serverstdioGo

What is the Next Devtools MCP Server?

Next.js development tools MCP server with stdio transport

The short version

next-devtools-mcp is a Model Context Protocol (MCP) server that connects coding agents like Claude and Cursor to your running Next.js dev server.

What it needs from you

Node.js v20.19 or a newer LTS version - npm or pnpm - Next.js 16+ with a running dev server (for nextjs_index / nextjs_call)

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

Tool	What it does
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
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 node_modules/next/dist/docs/.
browser_eval	Gateway. Point the agent at the [agent-browser](https://github.com/vercel-labs/agent-browser) CLI for browser automation.

How to install the Next Devtools MCP Server

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx",
      "args": ["-y", "add-mcp"],
      "env": {
        "NEXT_TELEMETRY_DISABLED": "your-value"
      }
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

Node.js v20.19 or a newer LTS version - npm or pnpm - Next.js 16+ with a running dev server (for nextjs_index / nextjs_call)

Variable	Description	Required
NEXT_TELEMETRY_DISABLED	Configuration value read at startup.	Optional

Example prompts to try

“Use Next Devtools MCP to get errors.”
“Use Next Devtools MCP to get logs.”
“Use Next Devtools MCP to get page metadata.”

Frequently asked questions

Next.js development tools MCP server with stdio transport Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.