MCP server

Next.js DevTools

Next.js docs, runtime errors, routes and upgrade help for coding agents

Vercel's Next.js DevTools MCP server gives coding agents Next.js documentation search, access to a running dev server's errors, logs, routes and page metadata, browser automation for testing, and guided upgrades to Next.js 16. It runs locally via npx and needs no authentication.

Connect

  1. 1Add the server to Codex
    codex mcp add nextjs-devtools -- npx -y next-devtools-mcp@latest

Configs are generated from the publisher's documented endpoint. Check their docs for plan requirements and scopes. New to this? Read the step-by-step tutorial.

Tools 6

nextjs_indexnextjs_callnextjs_docsbrowser_evalinitupgrade_nextjs_16

Things to ask

  • “What errors is my Next.js dev server showing right now?”
  • “Upgrade this project to Next.js 16”
  • “List the routes in my app and which are server components”
  • “How do I configure caching for this route in the latest Next.js?”

Related