AcademyMCP serversDevelopment

Next.js DevTools MCP

Web development teams building with Next.js who want their coding agent to see what the dev server is doing.

  • Officialour rating
  • 826gitHub stars
  • Not statedlicence
  • 26 days agolast update
claude mcp add next-devtools -- npx -y next-devtools-mcp@latest

What it does

An MCP server that connects coding agents to your running Next.js dev server. Your agent can read live runtime errors, routes and logs, and it points to version-accurate docs and a browser CLI.

Use cases

  1. 01Read runtime errors from the dev server
  2. 02Inspect the routes of a running app
  3. 03Check dev server logs while debugging

Questions about
Next.js DevTools MCP.

What is Next.js DevTools MCP used for?

Web development teams building with Next.js who want their coding agent to see what the dev server is doing. An MCP server that connects coding agents to your running Next.js dev server. Your agent can read live runtime errors, routes and logs, and it points to version-accurate docs and a browser CLI.

How do I install Next.js DevTools MCP?

Run this in your terminal: claude mcp add next-devtools -- npx -y next-devtools-mcp@latest

Is Next.js DevTools MCP open source?

The code is on GitHub (vercel/next-devtools-mcp). Check the licence in the repository before using it at work.

Is Next.js DevTools MCP safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.