MCP server
Next.js MCP server
Next.js docs, upgrade helpers and live errors and routes from your running dev server.
★ 832pushed 2026-09-15Vercel on DevHunt
Run in a terminal. Everything after -- is the command that starts the server. docs
claude mcp add --transport stdio next-js-devtools -- npx -y next-devtools-mcp@latest
Claude Desktop only: Settings > Developer > Edit Config opens claude_desktop_config.json. Add this, save and restart the app. docs
{
"mcpServers": {
"next-js-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project), or use the install button. docs
{
"mcpServers": {
"next-js-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}Add to .vscode/mcp.json (note the "servers" key and the type), or use the install button. Command Palette > "MCP: Open User Configuration" for all workspaces. docs
{
"servers": {
"next-js-devtools": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}Run codex mcp add next-js-devtools -- npx -y next-devtools-mcp@latest, or add this to ~/.codex/config.toml. docs
[mcp_servers.next-js-devtools] command = "npx" args = ["-y", "next-devtools-mcp@latest"]
Run in a terminal (-s user adds it for all projects; the default is this project). docs
gemini mcp add -s user next-js-devtools npx -- -y next-devtools-mcp@latest
Run in a terminal; it writes ~/.copilot/mcp-config.json. docs
copilot mcp add next-js-devtools -- npx -y next-devtools-mcp@latest
Add to mcp_config.json: ~/.config/devin/mcp_config.json on macOS and Linux (older installs: ~/.codeium/windsurf/mcp_config.json), %APPDATA%\devin\ on Windows. docs
{
"mcpServers": {
"next-js-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}Add to Zed's settings.json (or Settings > AI > MCP Servers > Add Server). Remote servers without an Authorization header sign in with OAuth. docs
{
"context_servers": {
"next-js-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}Add to opencode.json in the project (or ~/.config/opencode/opencode.json). docs
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"next-js-devtools": {
"type": "local",
"command": [
"npx",
"-y",
"next-devtools-mcp@latest"
],
"enabled": true
}
}
}Add to ~/.kiro/settings/mcp.json (all projects) or .kiro/settings/mcp.json (this project). docs
{
"mcpServers": {
"next-js-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}MCP Servers > Configure > Configure MCP Servers opens cline_mcp_settings.json; add this entry. docs
{
"mcpServers": {
"next-js-devtools": {
"command": "npx",
"args": [
"-y",
"next-devtools-mcp@latest"
]
}
}
}Agent skills for Next.js
The MCP server gives the agent Next.js's tools; a skill teaches it how to use Next.js well. Install with the skills CLI or see each skill's page for Claude Code, Codex, Copilot and Cursor.
- Next.js on CloudflareCloudflare
Builds or moves Next.js apps to Cloudflare Workers, comparing vinext and OpenNext.
npx skills add cloudflare/skills --skill nextjs-on-cloudflare
FAQ
Is there an official Next.js MCP server?+
Yes: Next.js DevTools, maintained by Vercel.
How do I connect Next.js to Claude?+
In Claude Code, run the claude mcp add command shown above. In Claude Desktop, add the server to claude_desktop_config.json (Settings > Developer > Edit Config) and restart the app.
How do I use the Next.js MCP server in Cursor or VS Code?+
Open the Cursor or VS Code tab on the server above: it has the exact mcp.json entry and a one-click install link. The same server also works in Claude Code, Claude Desktop / claude.ai, ChatGPT, Cursor, VS Code and Codex.
Is it safe to give an AI agent access to Next.js?+
Start with the official server, a read-only or test account and approval prompts on for anything that writes. Content the agent reads from Next.js (tickets, messages, pages) can carry prompt-injection instructions, so don't auto-approve actions.
All documentation MCP servers · Agent skills · How MCP setup works in each client
MCP servers for similar apps: Angular · AWS · Azure · Context7 · DeepWiki · Microsoft Learn · Mintlify · OpenAI · Svelte · SvelteKit