Next.js DevTools MCP
Official Vercel MCP server that gives AI coding agents runtime diagnostics, development automation, and documentation access for Next.js applications — including real-time error detection, route inspection, automated Next.js 16 upgrades, and browser testing via Playwright.
Score Breakdown
⚙ Agent Friendliness
🔒 Security
Next.js developer tools MCP. Local dev environment integration. Never expose dev tools in production. Dev-only endpoints can leak source maps and internals.
⚡ Reliability
Best When
When an AI coding agent is actively developing or upgrading a Next.js application and needs real-time feedback on errors, routes, and build state.
Avoid When
When working on non-Next.js codebases or when you need production runtime observability rather than development-time diagnostics.
Use Cases
- • Real-time build and runtime error detection in Next.js apps during AI-assisted development
- • Automated Next.js 16 upgrades using official codemods via AI agent
- • Querying application route and component hierarchy to understand codebase structure
- • AI-assisted Cache Components migration with integrated error detection
- • Browser automation testing with Playwright to visually verify changes made by AI
Not For
- • Non-Next.js projects (React, Vue, etc.) — Next.js-specific tooling only
- • Production monitoring or observability (development-time tool only)
- • Next.js versions below 16 for runtime diagnostics features
Interface
Authentication
No authentication required. Runs locally alongside the Next.js dev server. No API keys needed.
Pricing
Open source, free to use. Official Vercel project. No hosting costs — runs locally.
Agent Metadata
Known Gotchas
- ⚠ Runtime diagnostics require Next.js 16+ — earlier versions get limited functionality
- ⚠ Requires Node.js v20.19+ or latest LTS — check version before use
- ⚠ The init tool should be called first to load documentation context before other tools
- ⚠ Playwright browser testing adds a browser dependency that must be installed separately
- ⚠ upgrade_nextjs_16 and enable_cache_components tools make file modifications — use in version-controlled repos only
Alternatives
Full Evaluation Report
Detailed scoring breakdown, competitive positioning, security analysis, and improvement recommendations for Next.js DevTools MCP.
Scores are editorial opinions as of 2026-03-06.