
Next.js DevTools MCP
Supports UIby vercel
Deep runtime diagnostics and development automation for Next.js 16+ projects.
What it does
This server connects your AI agent directly to a running Next.js development server. It provides access to real-time build/runtime errors, route metadata, and server logs, while also automating complex tasks like Next.js 16 upgrades and Cache Components migration.
Tools
init: Sets up the diagnostic context and documentation requirements.nextjs_index: Discovers running Next.js servers and available runtime tools.nextjs_call: Executes specific runtime tools (e.g.,get_errors,get_logs) on a target server.nextjs_docs: Search and retrieve official Next.js documentation.browser_eval: Automates web app testing via Playwright.upgrade_nextjs_16: Automates the upgrade process to Next.js 16 using codemods.enable_cache_components: Migrates a project to Cache Components mode.
Installation
Add the following to your claude_desktop_config.json:
{
"mcpServers": {
"next-devtools": {
"command": "npx",
"args": ["-y", "next-devtools-mcp@latest"]
}
}
}
Supported hosts
- Claude Desktop
- Cursor
- Windsurf
- Codex
- Gemini CLI
- VS Code Copilot
- Warp
Quick install
npx add-mcp next-devtools-mcp@latestInformation
- Pricing
- free
- Published
- 5/1/2026






