Next.js runtime diagnostics, route inspection, dev server logs, docs search and upgrade guides for coding agents.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add next-devtools -- npx -y next-devtools-mcp~/.codex/config.toml
[mcp_servers.next-devtools]
command = "npx"
args = ["-y", "next-devtools-mcp"]
# codex mcp add next-devtools -- npx -y next-devtools-mcp~/.cursor/mcp.json
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"next-devtools": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"next-devtools-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp"
]
}
}
}