IntermedioMCPs

MCP DeepGraph Next.js — mapeá tu proyecto Next.js como un grafo navegable

MCP server con 1,092 installs que analiza tu proyecto Next.js como un grafo: componentes, dependencias, routes y arquitectura. Claude entiende el shape real del proyecto antes de tocar nada.

29 de mayo de 20263 min de lecturaclaude-codenextjs

Qué es#

DeepGraph Next.js es un MCP que arma un grafo del proyecto: nodos (componentes, páginas, layouts, API routes), edges (imports, props, llamadas a server actions). Cuando Claude pide "qué componentes usa el header", consulta el grafo en vez de adivinar leyendo archivos sueltos.

La diferencia con Cartographer (que mapea cualquier repo): DeepGraph es vertical en Next.js — conoce app router vs pages router, Server vs Client Components, layouts anidados, route groups. Para Next.js específico, da más profundidad.

1,092 installs lo posicionan como el MCP más adoptado de la categoría deepgraph y uno de los más reconocidos para análisis estructural.

Tabla resumen#

CampoValor
Categoría aitmpldeepgraph
Installs1,092
Servidor MCPDeepGraph Next.js MCP
FocoNext.js (App Router + Pages Router)
CostoGratis (revisar pricing oficial)

Cómo se instala#

bash
npx claude-code-templates@latest --mcp deepgraph/deepgraph-nextjs

Para Claude:

bash
Instalé el MCP deepgraph/deepgraph-nextjs. Mostrame el grafo de mi
proyecto: routes principales, layouts anidados, y qué componentes
son Server vs Client.

Qué podés hacer con esto#

Onboarding rápido a un proyecto ajeno#

"Mapeame todos los layouts y qué páginas heredan de cada uno". Sin leer archivo por archivo, tenés el tree completo.

Impact analysis antes de refactor#

"Si renombro el componente <Header>, qué archivos se rompen?". El MCP devuelve la lista exacta de imports.

Detectar misuse de Server / Client Components#

"Listame los Server Components que importan código 'use client' directamente". Detecta una de las fuentes más comunes de bugs en App Router.

Inspección de route groups y dynamic routes#

"Mostrame todas las rutas dinámicas y qué params reciben". Para auditorías de SEO o de routing.

Detección de imports circulares o dead code#

"Listame los componentes que no son importados por ningún otro". Limpieza pre-deploy.

Pre-requisitos#

  • Proyecto Next.js (App Router o Pages Router) accesible
  • Node.js + Claude Code funcionando

Cuándo NO conviene#

⚠️ Antes de instalar
  • Si tu proyecto no es Next.js: mirá las versiones React, TypeScript o Vue.
  • Para análisis genérico de codebase: Cartographer es horizontal (cualquier proyecto).
  • Proyectos muy chicos: un par de páginas no necesitan grafo. Abrí los archivos directo.
  • Análisis runtime: el MCP es estático. Para perf en runtime, usá Chrome DevTools MCP.

Bajalo de la fuente#

Recursos relacionados#