Next.js DevTools MCP

Ce qu'il fait

Ce serveur connecte votre agent IA directement à un serveur de développement Next.js en cours d'exécution. Il permet d'accéder aux erreurs de build/runtime en temps réel, aux métadonnées des routes et aux journaux du serveur, tout en automatisant des tâches complexes comme les mises à niveau vers Next.js 16 et la migration vers les Cache Components.

Outils

• init : Configure le contexte de diagnostic et les exigences de documentation.
• nextjs_index : Découvre les serveurs Next.js en cours d'exécution et les outils de runtime disponibles.
• nextjs_call : Exécute des outils de runtime spécifiques (ex: get_errors, get_logs) sur un serveur cible.
• nextjs_docs : Recherche et récupère la documentation officielle de Next.js.
• browser_eval : Automatise les tests d'applications web via Playwright.
• upgrade_nextjs_16 : Automatise le processus de mise à niveau vers Next.js 16 à l'aide de codemods.
• enable_cache_components : Migre un projet vers le mode Cache Components.

Installation

Ajoutez ce qui suit à votre fichier claude_desktop_config.json :

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

Hôtes supportés

• Claude Desktop
• Cursor
• Windsurf
• Codex
• Gemini CLI
• VS Code Copilot
• Warp