# Next.js DevTools (MCP Server)

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

- Type: MCP server
- Publisher: Vercel (official)
- Categories: Development
- Website: https://github.com/vercel/next-devtools-mcp
- Docs: https://nextjs.org/docs/app/guides/mcp
- Source: https://github.com/vercel/next-devtools-mcp
- Transport: stdio
- Launch command: npx -y next-devtools-mcp@latest
- Sign-in: none
- GitHub stars: 828
- Listed: 2025-10-13

## About

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.

## Install

1. **Add the server to Codex**

   Codex CLI:

   ```bash
   codex mcp add nextjs-devtools -- npx -y next-devtools-mcp@latest
   ```

   config.toml:

   ```toml
   [mcp_servers.nextjs-devtools]
   command = "npx"
   args = ["-y", "next-devtools-mcp@latest"]
   ```

   Agents SDK:

   ```python
   from agents import Agent, Runner
   from agents.mcp import MCPServerStdio
   
   async with MCPServerStdio(
       name="Next.js DevTools",
       params={"command": "npx", "args": ["-y", "next-devtools-mcp@latest"]},
   ) as server:
       agent = Agent(name="Assistant", mcp_servers=[server])
       result = await Runner.run(agent, "What errors is my Next.js dev server showing right now?")
       print(result.final_output)
   ```

## Tools

- `nextjs_index`
- `nextjs_call`
- `nextjs_docs`
- `browser_eval`
- `init`
- `upgrade_nextjs_16`

## Example prompts

- "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

- [Chrome DevTools MCP](https://chatgptplugins.directory/mcp/chrome-devtools.md): Let coding agents control and debug a live Chrome browser
- [Playwright MCP](https://chatgptplugins.directory/mcp/playwright.md): Browser automation for agents via Playwright accessibility snapshots
- [GitHub](https://chatgptplugins.directory/mcp/github.md): Manage repos, issues, pull requests and Actions from your AI agent
- [Context7](https://chatgptplugins.directory/mcp/context7.md): Pull up-to-date, version-specific library docs into your coding agent
- [Supabase](https://chatgptplugins.directory/mcp/supabase.md): Manage Supabase databases, migrations, edge functions and logs
- [Stripe](https://chatgptplugins.directory/mcp/stripe.md): Query and act on your Stripe account and search Stripe docs from any agent

---
Source: https://chatgptplugins.directory/mcp/nextjs-devtools · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.