Next.js DevTools MCP

About Next.js DevTools MCP

Official Next.js MCP server that provides AI agents with real-time access to build errors, runtime state, routes, components, and dev server logs.

Next.js DevTools MCP is an official Model Context Protocol server for Next.js 16+ that enables AI coding assistants to access your application's internals in real-time. The server provides comprehensive capabilities including retrieving current build errors, runtime errors, and type errors from your development server, accessing real-time application state and runtime information, querying page routes and components with rendering details, inspecting Server Actions and component hierarchies, and accessing development server logs and console output. It also offers query access to comprehensive Next.js documentation and best practices, automated helpers for upgrading to Next.js 16 with codemods, setup and configuration assistance for Cache Components, and integration with Playwright MCP for browser testing. The server automatically discovers and connects to your running Next.js instance when you start the development server, empowering AI agents to provide context-aware suggestions and generate code that aligns with your project's patterns.