# next-devtools-mcp

Подключает агента к запущенному dev-серверу Next.js: ошибки, маршруты и логи прямо из рантайма.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 832
- Автор: vercel
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/vercel/next-devtools-mcp
- Обновлён: 2026-09-15
- HTML: https://affpapa.org/nevibecode/mcp/next-devtools-mcp

## Что делает

Сервер работает как тонкий коннектор. Он находит запущенные dev-серверы Next.js 16+ и проксирует их встроенную MCP-точку `/_next/mcp`, поэтому агент видит настоящие ошибки сборки, список маршрутов и вывод сервера, а не догадки по файлам.

Инструментов четыре. `nextjs_index` сканирует порты и показывает найденные серверы с их рантайм-инструментами, `nextjs_call` вызывает нужный инструмент на конкретном порту. Ещё два — шлюзы: `nextjs_docs` указывает агенту на документацию установленной версии в `node_modules/next/dist/docs/`, `browser_eval` подсказывает, как поставить и запустить CLI `agent-browser` для автоматизации браузера. Сами шлюзы работу не делают, они только направляют агента.

Нужен Node.js v20.19 или более новый LTS и npm либо pnpm. Для `nextjs_index` и `nextjs_call` обязателен работающий dev-сервер Next.js 16+. Запросы к рантайму, включая чтение тела ответа, обрываются по 60-секундному дедлайну — долгие операции так не вытянуть.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add next-devtools-mcp -- npx -y next-devtools-mcp
```

### Codex

**Командой платформы**
```bash
codex mcp add next-devtools-mcp -- npx -y next-devtools-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "next-devtools-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "next-devtools-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "next-devtools-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "next-devtools-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add next-devtools-mcp npx -y next-devtools-mcp
```

## Когда брать
- посмотреть, какие ошибки сейчас в приложении Next.js
- получить список маршрутов и метаданные страниц из работающего сервера
- найти путь к файлу лога dev-сервера
- разрешить ID Server Action в исходный файл
- свериться с документацией именно установленной версии Next.js

## Примеры запросов агенту
- Какие ошибки сейчас в моём приложении Next.js?
- Покажи, какие маршруты есть в запущенном dev-сервере
- Что пишется в логах dev-сервера?

## Похожие
- [GitHub](https://affpapa.org/nevibecode/mcp/github.md) — MCP-сервер · ★ 33918
- [Netdata](https://affpapa.org/nevibecode/mcp/netdata.md) — MCP-сервер · ★ 81115
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119160
- [Codebase Memory](https://affpapa.org/nevibecode/mcp/codebase-memory.md) — MCP-сервер · ★ 47392
- [mcp-server](https://affpapa.org/nevibecode/mcp/mcp-server.md) — MCP-сервер · ★ 43872
- [AIHawk](https://affpapa.org/nevibecode/mcp/aihawk.md) — MCP-сервер · ★ 32221

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md