Vercel · VS Code (GitHub Copilot)
Add the Next.js DevTools MCP server to VS Code (GitHub Copilot)
Gives coding agents Next.js docs, runtime errors and upgrade helpers for your app.
1. Add the server
Run in your terminal
code --add-mcp '{"name":"next-devtools","command":"npx","args":["-y","next-devtools-mcp"]}'2. Sign in
VS Code opens the sign-in flow when Copilot first calls a remote OAuth server. Next.js DevTools runs locally; set any credentials Vercel asks for before starting VS Code (GitHub Copilot).
3. Try it
Ask VS Code (GitHub Copilot) 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.
- · mcp.json uses a top-level servers key, not mcpServers.
- · code --add-mcp installs a server into your user profile from the terminal.
FAQ
- How do I add the Next.js DevTools MCP server to VS Code (GitHub Copilot)?
- Run: code --add-mcp '{"name":"next-devtools","command":"npx","args":["-y","next-devtools-mcp"]}'. VS Code opens the sign-in flow when Copilot first calls a remote OAuth server.
- 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
Next.js DevTools in other clients
More developer tools for VS Code (GitHub Copilot)
Work at Vercel?
Feature Next.js DevTools across the directory and its category from $49/month.
Reviewed Oct 5, 2026. Command generated from the registry record and checked against VS Code (GitHub Copilot)'s documented syntax.