$ loading_
Develop, debug, and troubleshoot Next.js projects inside an AI coding agent.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "next-devtools-mcp" yet — see the docs or source repo.
Inspect this Next.js project's app router setup, explain why the /dashboard page returns 404, and provide actionable fix steps.
A diagnosis of the routing issue, affected files, and concrete fix recommendations.
Analyze the data fetching code in this Next.js page, identify SSR, caching, and duplicate request issues, and refactor it into a better implementation.
An analysis of performance issues, improved code, and an explanation of the changes.
Based on this Next.js project's build logs, find the root cause of the failed build, determine whether it is a config, dependency, or type error, and propose fixes.
The root cause, debugging conclusion, and directly actionable remediation steps.
Let an AI agent inspect and drive a running Next.js app.
Connect Chrome DevTools to help AI agents debug and inspect web pages.
Control and inspect live Chrome for automation, debugging, and performance analysis.
Connect Chrome DevTools so AI can debug pages and inspect performance.
Give any LLM direct access to local files, terminal, and codebase tasks.
Control Chrome for debugging, automation, and performance analysis via DevTools.