Vercel · Claude Code

Add the Next.js DevTools MCP server to Claude Code

Gives coding agents Next.js docs, runtime errors and upgrade helpers for your app.

Official serverLocalDeveloper tools

1. Add the server

Run in your terminal

claude mcp add next-devtools -- npx -y next-devtools-mcp

2. Sign in

Run /mcp inside Claude Code to sign in to remote servers that use OAuth. Next.js DevTools runs locally; set any credentials Vercel asks for before starting Claude Code.

3. Try it

Ask Claude Code for something Next.js DevTools can do. Gives coding agents Next.js docs, runtime errors and upgrade helpers for your app. Approve the first tool call and check the result before allowing write actions automatically.

· Add --scope project to share a server with your team through .mcp.json in the repo.
· Use claude mcp list to see what is connected and claude mcp remove <name> to drop one.

FAQ

How do I add the Next.js DevTools MCP server to Claude Code?: Run: claude mcp add next-devtools -- npx -y next-devtools-mcp. Run /mcp inside Claude Code to sign in to remote servers that use OAuth.
Is this the official Next.js DevTools MCP server?: Yes. It is published by Vercel as io.github.vercel/next-devtools-mcp in the official MCP registry.
Does the Next.js DevTools MCP server need an API key?: It runs locally from a package. See Vercel's docs for any credentials it needs.

Links

Vercel MCP docs Claude Code MCP docs Next.js DevTools server details

Next.js DevTools in other clients

Codex Gemini CLI Cursor VS Code (GitHub Copilot)

More developer tools for Claude Code

Azure Cloudflare GitHub GitLab Postman Sentry Vercel

Work at Vercel?

Feature Next.js DevTools across the directory and its category from $49/month.

Feature this server

Reviewed Oct 5, 2026. Command generated from the registry record and checked against Claude Code's documented syntax.