Next Devtools MCP

Next Devtools MCP

vercel
765 звёзд56 форков
Сервер next-devtools-mcp подключает инструменты разработки Next.js к ИИ-ассистентам. Работает через протокол MCP и передаёт команды через стандартный ввод-вывод (stdio). Разработчики используют его, чтобы управлять проектом прямо из диалога: запускать сборку, проверять код, смотреть структуру маршрутов. Ассистент получает доступ к файловой системе и конфигурации Next.js — это ускоряет рутинные операции без переключения между окнами. Сервер загружается через npx, не требует установки глобально. Достаточно настроить его один раз в вашем MCP-клиенте, и все инструменты Next.js станут доступны ассистенту. Это особенно полезно для команд, которые работают с Next.js проектами и хотят сократить время на типовые операции: сборку, линтинг, проверку типов.
Vercel
Подключить MCPОткрыть на GitHub
Подключение

Подключить Next Devtools MCP

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

Куда подключить

3

Скопируйте и проверьте

Claude Desktop / Claude Code

Клиент запускает MCP-сервер как локальный процесс.

  1. 1.Откройте настройки MCP в Claude.
  2. 2.Добавьте сервер с указанной командой и переменными окружения.
  3. 3.Перезапустите Claude, если сервер не появился автоматически.
json
{
  "mcpServers": {
    "next-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "next-devtools-mcp"
      ]
    }
  }
}

Сгенерировано из существующей команды запуска. Желательно сверить с README.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить Next Devtools MCP

Next Devtools MCP относится к Vercel. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
Не указана
Реализация
TypeScript
Транспорт
stdio

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Проверьте команду установки и зависимости перед запуском в рабочем окружении.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 1.

Характеристики

Общее

  • СтатусСообщество
  • Разработчикvercel

Технологии

  • Языки
    TypeScript
  • Транспорт
    stdio

Описание

Возможности

  • Запускает сборку проекта: выполняет next build и возвращает результат.
  • Проверяет код: запускает next lint и выводит ошибки.
  • Показывает структуру маршрутов: анализирует папки app или pages.
  • Читает конфигурацию: получает параметры из next.config.mjs.
  • Запускает сервер разработки: команда next dev для локальной работы.
  • Выполняет сценарии: запускает команды из package.json.
  • Проверяет типы: выполняет TypeScript-проверку проекта.
  • Читает файлы проекта: извлекает содержимое компонентов и страниц для анализа.
  • Анализирует зависимости: показывает версии Next.js и других установленных пакетов.
  • Автоматически исправляет ошибки линтинга, когда это возможно.

Как подключить

Установите сервер через пакетный менеджер Node.js. Требуется Node.js версии 20.19 или новее.

Запустите команду установки:

npx add-mcp next-devtools-mcp@latest

Или установите вручную, добавив конфигурацию в настройки вашего MCP-клиента. Пример для Claude Desktop:

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx",
      "args": ["-y", "next-devtools-mcp@latest"]
    }
  }
}

После сохранения конфигурации перезапустите клиент (Claude Desktop, Cursor, Codex и другие).

Примеры запросов

  • «Запусти next build и покажи, какие ошибки возникли при сборке».
  • «Найди все страницы в директории app и выведи их структуру».
  • «Проверь код линтером и исправь ошибки, которые можно автоматически».
  • «Прочитай next.config.mjs и скажи, какие плагины подключены».
  • «Запусти next dev и проверь, нет ли ошибок в консоли».

Технические детали

  • Язык разработки: TypeScript
  • Транспорт: stdio
  • Разработчик: Vercel
  • Лицензия: не указана (распространяется через npm)
  • Совместимые клиенты: Claude Desktop, Cursor, Codex, Gemini, Claude Code, Amp
  • Зависимости: Node.js v20.19 или новее

Поделиться