AI Plugin Indexweb framework
Next.js MCP servers and skills
There are 103 ways to connect Next.js to Claude, ChatGPT, Cursor and other AI assistants; these are the 100 with the highest scores. The most used is nextjs-cache-handler-mcp (6 GitHub stars).
Best Next.js MCP servers, compared →Most used
nextjs-seo-boosterkennyzir
70A complete SEO toolkit for Next.js applications, including structured data (Schema.org), dynamic sitemap generation, and meta tags.
AAB
nextjs-supabase-authbenjaminasterA
70Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
AAB
nextjs-toolingHoangNguyen0403
70Configure Next.js build tooling, deployment, and developer workflow. Use when setting up Turbopack, standalone Docker output, bundle analysis, CI caching, environment variable validation, or ESLint integration for Next.js projects.
AAA
evo-nextjs-api-optimizationOpenLAIR
56Identifies and fixes performance anti-patterns in Next.js API routes including artificial delays, N+1 sequential fetch patterns, missing caching headers, and unnecessary data processing.
BAB
nextjs-corebobmatnyc
55Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies
CAB
nextjs-app-router-patternshenryalouf
55Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
CAB
MCP servers (7)
- 1nextjs-cache-handler-mcp leejpsd · DatabasesInspect and operate Next.js Redis caches: health, tag state, SWR simulation, safe invalidation.53
- 2Next.js Architecture MCP hasimkilic · Documents and filesIndexes your Next.js project so an agent finds the file that owns a task in one call.33
- 3Jason MCP Nextjs jasonbcn0919 · Knowledge and memoryModel Context Protocol server for Next.js projects32
- 4Nextjs MCP Server Amery2010 · Knowledge and memoryMCP (Model Context Protocol) server for Next.js32
- 5Nextjs MCP Middleware witsaintA Next.js middleware library for handling MCP server with authorization. Provides utilities to help developers integrate MCP OAuth2-related processes into their applications32
- 6Supabase Nextjs MCP Server chatflowdev · DatabasesA Model Context Protocol server25
- 7Midnight + Next.js MCP FractionEstate · FinanceUnified MCP server for Midnight blockchain development and Next.js dApps.18
Skills (93)
- 1nextjs-seo-booster kennyzir · MarketingA complete SEO toolkit for Next.js applications, including structured data (Schema.org), dynamic sitemap generation, and meta tags.70
- 2nextjs-supabase-auth benjaminasterA · DatabasesExpert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.70
- 3nextjs-tooling HoangNguyen0403 · Cloud and DevOpsConfigure Next.js build tooling, deployment, and developer workflow. Use when setting up Turbopack, standalone Docker output, bundle analysis, CI caching, environment variable validation, or ESLint integration for Next.js projects.70
- 4evo-nextjs-api-optimization OpenLAIR · Search and webIdentifies and fixes performance anti-patterns in Next.js API routes including artificial delays, N+1 sequential fetch patterns, missing caching headers, and unnecessary data processing.56
- 5nextjs-core bobmatnycCore Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies55
- 6nextjs-app-router-patterns henryaloufComprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.55
- 7nextjs-site-architecture TheGoat395Coordinate the Next.js foundation and ownership.55
- 8nextjs-app-router-patterns FrancoStinoComprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.53
- 9nextjs-turbopack kupzedLibrary reference for Next.js 16 Turbopack development and webpack compatibility.52
- 10nextjs-turborepo-fsd themoment-teamUse when implementing or reviewing a Turborepo with multiple Next.js App Router applications and shared FSD packages.42
- 11nextjs-supabase-auth omer-metin · DatabasesExpert integration of Supabase Auth with Next.js App RouterUse when "supabase auth next, authentication next.js, login supabase, auth middleware, protected route, auth callback, session management, authentication, auth, supabase, nextjs, middleware, session" mentioned.42
- 12Faust.js Headless WordPress Toolkit for Next.js agentskillexchange · Browser automationFaust.js by WP Engine is a JavaScript framework and WordPress plugin that streamlines building headless WordPress sites with Next.js. It handles data fetching via WPGraphQL, authentication, content previews, and server-side rendering, providing a production-ready bridge between WordPress as a CMS and React-based frontends.42
- 13nextjs jralvarengaNext.js App Router setup guide for Better Translate routing, server helpers, and optional React hooks.42
- 14nextjs-package-boundaries themoment-teamUse when structuring a Next.js workspace package, especially when separating server-only modules, source-consumed packages, and prebuilt UI packages.40
- 15nextjs-app-router-patterns ProjectEuropaMaster Next.js 16+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.40
- 16verify-nextjs-mui theyoungastronautsMUI-specific Next.js verification checklist — sx/Emotion SSR setup, Grid size prop.38
- 17react-nextjs-quality-security itsoltech · SecurityHarden React/Next apps across CSP, auth, runtime config, accessibility, performance, and CI.36
- 18react-nextjs-app-router-rendering itsoltechDesign Next.js App Router rendering, Server/Client boundaries, cache, SSR, and hydration.36
- 19nextjs skeletorflet · Cloud and DevOpsNext.js App Router skill covering RSC, Server Actions, data fetching, routing, and deployment. Use when building Next.js applications.35
- 20nextjs-react19 usrrnameNext.js with React 19 App Router patterns33
- 21export-nextjs-handoff gabrielmoreira · ProductivityUse this plugin when the user wants an accepted OpenDesign artifact converted into a Next.js App Router handoff with clean components, styles, assets, and implementation notes.32
- 22nextjs-app-router linktogoStructure a Next.js App Router project with correct server/client boundaries32
- 23nextjs-supabase-auth artubss · DatabasesIntegração especializada de Supabase Auth com Next.js App Router. Use quando: autenticação supabase next, autenticação next.js, login supabase, middleware de auth, rotas protegidas.32
- 24nextjs-supabase-auth rootcastleco · DatabasesExpert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.32
- 25nextjs YepAPIApp Router, Server Components, and modern Next.js 15 patterns — no Pages Router hallucinations.29
- 26nextjs-app-router onelightsystem · Developer toolsFix and evolve Next.js App Router pages/layouts with TypeScript-safe, minimal UI-impact changes.29
- 27nextjs-docs schemavaults · Knowledge and memoryUse when you need Next.js documentation — App Router conventions, next.config options, caching/rendering semantics, route handlers, middleware, metadata, built-in components, router/server functions, CLI flags, or upgrade/deprecation questions. The installed next package ships its own docs, so consult them instead of web searches or memory: they exactly match the version this project runs.29
- 28nextjs-clean-architecture SoyebuzamanNaim · Developer toolsDesigns and reviews Next.js App Router features using feature-first Clean Architecture and SOLID boundaries. Use for pages, Server Components, Server Actions, Route Handlers, use cases, repositories, and refactors.28
- 29Next.js App Router ngxtm · Documents and filesFile-system routing, Layouts, and Route Groups.28
- 30nextjs diegosouzapwNext.js framework best practices including App Router, data fetching, and performance optimization.27
- 31nextjs-16-conventions A-Hazzard · Documents and filesNext.js 16 breaking changes: params as Promises, request.formData(), NextRequest, NextResponse, dynamic routes, file uploads.27
- 32nextjs-supabase-auth ibragimov-oasis · DatabasesExpert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.27
- 33nextjs-prisma-data-layer HiYasin · DatabasesUse Prisma safely inside a Next.js App Router project. Use when writing data access, Server Actions or route handlers that query the database with Prisma in Next.js.27
- 34trpc-tanstack-nextjs yehezkieldio · Knowledge and memorySet up tRPC with TanStack Query in Next.js App Router projects. Use when: (1) Setting up tRPC from scratch in a Next.js project, (2) Adding new routers or procedures, (3) Integrating authentication with tRPC context, (4) Using tRPC with React Server Components, (5) Configuring prefetching and hydration patterns.27
- 35nextjs-debug-production-build drewsephski · Developer toolsDiagnose a failing Next.js production build. Use when next build fails or production behavior diverges from the dev server.27
- 36vibeschool-nextjs-app-router eduworldkenya-sysNext.js App Router implementation guardrails for VibeSchool server/client boundaries, routing, data fetching and production behavior.26
- 37react-nextjs-architect 2428424081cnReact 19 / Next.js App Router 现代前端架构规范。指导 Server/Client Components 边界划分、流式渲染（Streaming）与数据获取。26
- 38nextjs-endpoint trackmind-ai · AI and LLM toolsProcedure for creating Next.js Route Handlers and Node.js/Express API endpoints.26
- 39nextjs-bootstrap trackmind-ai · AI and LLM toolsGreenfield scaffold procedure for a new Next.js 14+ App Router project with Node.js backend.26
- 40Frontend Developer (React/Next.js) Luiss2080Guía de buenas prácticas y arquitectura para desarrollo frontend en React/Next.js/Nuxt.26
- 41modern-best-practice-nextjs academindBuild modern Next.js apps with App Router and best practices25
- 42nextjs-template-guidance zeon-studioUse this skill whenever you need to understand how the template works, including adding new pages, managing content, configuring pages, using components, understanding project architecture, using scripts, or styling and theming. Use it for ANY question related to the structure, usage, and customization of the project template.25
- 43nextjs-frontend NotShubham1112 · Developer toolsBuild maintainable Next.js/React/TypeScript interfaces with strong API contracts, accessible UI, and sensible client/server boundaries.24
- 44nextjs yousofdavamkarApply current Next.js routing, server/client boundary, rendering, metadata, caching, and data-mutation conventions. Use for Next.js routes, layouts, pages, Server Components, actions, handlers, and configuration.24
- 45nextjs-performance 0xzahedOptimize Next.js performance. Use when improving load, caching, and runtime in Next apps.24
- 46nextjs-react-typescript-cursorrules-prompt-file Tryboy869 · Developer toolsApply for nextjs-react-typescript-cursorrules-prompt-file. --- description: General coding conventions and preferences for Solidity, TypeScript, Node.js, and Next.js projects. This rule sets the foundation for code style and architecture. globs: **/*.{sol,ts,24
- 47react-nextjs-components SatyaAchantaGuidelines for using React components within a Next.js project. This includes best practices for component structure, styling, and breaking down components into smaller, reusable pieces.24
- 48writing-nextjs-app-spec FutureHax · DatabasesUse when authoring or updating docs/SPEC.md for a FutureHax Next.js web app, scoping a new app from nextjs-webapp-template, or changing its public surface (routes, env vars, data model, deploy infra). Keeps the spec aligned with the Chakra/Prisma/Helm baseline that futurehax-next-doctor audits.24
- 49nextjs-ts IzonIcy · DesignNext.js 16 + TypeScript conventions. Use when working on Next.js App Router projects - server components by default, route handlers, Tailwind 4, shadcn/ui, next/link and next/image.24
- 50react-nextjs TianQue6916 · DesignReact/Next.js — Hooks/Server Components/App Router/RSC/ISR/Tailwind23
- 51nextjs-prisma-patterns 07130918 · DatabasesNext.js (App Router中心) と Prisma のベストプラクティス。Server/Client Components境界、Server Actions、Prismaスキーマ設計、N+1回避、キャッシュ戦略。Next.js/Prisma関連の実装・修正時に参照する。react-chakra-uiとは責務が異なる (UI部品ではなくApp Routerとデータ層)。23
- 52nextjs-architecture VitorMendonca62Orienta arquitetura do frontend Next.js e seus Route Handlers BFF, incluindo ADRs.23
- 53nextjs-scout myriota-marcMap Next.js app structure, routing, API routes, auth, and dependencies before implementation.23
- 54nextjs-best-practices arieliten85Apply Simple Sushi Next.js App Router standards.22
- 55Next.js Authentication fierzoneSecure token storage (HttpOnly Cookies) and Middleware patterns.22
- 56agent-nextjs-developer tools-only · Cloud and DevOpsExpert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on building fast, SEO-friendly applications.22
- 57nextjs-app-router-skill kingabzpro · Developer toolsEnforce Next.js App Router and React Server Components (RSC) best practices. Use this when writing or refactoring Next.js code to ensure optimal performance, proper data fetching, and adherence to the App Router paradigm.22
- 58nextjs-workflow theadhithyankr · DesignNext.js Codex skill for React Server Components, App Router, route handlers, metadata, caching, server actions, TypeScript, Tailwind, and deployment checks.21
- 59nextjs JiunYouUse when developing Next.js applications, server-side rendering, and React components.21
- 60stack-upgrade-fix-nextjs matthewcsimpsonAction findings from stack-upgrade-audit-nextjs. Run @next/codemod transforms per audit plan, bump next + react peer deps, verify build, commit per codemod. Local only.21
- 61nextjs-feature pgm29252Build or modify Next.js features using Feature Architecture.21
- 62nextjs-supabase-auth aryan1chauhan · DatabasesSupabase authentication and session management via @supabase/ssr.21
- 63nextjs-app-router optshj · Search and webcloud(구름 수집 서비스) 프로젝트의 Next.js App Router 규율 — "use client" 최소화, fetch 캐싱 의도, 서버 전용 모듈 경계. 라우트/서버 컴포넌트를 새로 만들거나 code-reviewer가 diff를 볼 때 사용.21
- 64nextjs-cloudflare-d1-setup asadmazhar12711 · DatabasesGuides project setup and edge database integration for Next.js App Router deployed on Cloudflare Pages and Cloudflare D1.21
- 65nextjs-development hassaan0129Build or modify Next.js and React applications; use for App Router, server/client boundaries, route handlers, forms, accessibility, performance, and production builds.21
- 66shadcn-nextjs-setup ChristineThamReference on properly scaffolding the specific UI/UX constraints on a Next.js Shadcn layout.21
- 67nextjs-app-router-patterns foolhardy45Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.21
- 68Next.js Rendering Strategies fierzoneSSG, SSR, ISR, Streaming, and Partial Prerendering (PPR).21
- 69post-milestone-audit-nextjs aibot88 · Developer toolsAudit a Next.js (App Router) + TypeScript codebase after a milestone tag is cut — drift, regressions, extraction signals, and convention compliance.20
- 70nextjs-app-router ynotfinsProduction Next.js App Router workflow for modern websites and apps with metadata, server/client boundaries, and build verification.20
- 71nextjs-typescript-tailwindcss-supabase David-Li0406 · DatabasesFull-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.19
- 72nextjs-chatkit David-Li0406 · CommunicationIntegrate OpenAI ChatKit in Next.js 15 App Router with domain allowlist, authentication, and API connections. Use when building chat interfaces or ChatKit integration.19
- 73Next.js Internationalization (i18n) David-Li0406Best practices for multi-language handling, locale routing, and detection middleware.19
- 74nextjs-app-router David-Li0406Expert knowledge for Next.js 13+ App Router architectureUse when "next.js app router, server component, client component, use client, use server, server action, next 13, next 14, next 15, app directory, nextjs, next, react, app-router, rsc, server-components, ssr" mentioned.19
- 75nextjs-performance my-private-projects-storedNext.js critical performance fixes. Prevents async waterfalls, reduces bundle size, secures Server Actions, and ensures correct production builds. Use when writing React components, data fetching, Server Actions, or optimizing bundle size.19
- 76nextjs-seo-foundations zou9229 · MarketingNext.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance)19
- 77optimized-nextjs-typescript David-Li0406 · SecurityOptimized Next.js TypeScript best practices with modern UI/UX, focusing on performance, security, and clean architecture19
- 78nextjs-patterns LucasPedroplPadrões Next.js App Router com hooks, zod e componentes dumb.18
- 79nextjs-skills David-Li0406Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.18
- 80nextjs-v16 David-Li0406Next.js 16 migration guide (async request APIs, "use cache", Turbopack)18
- 81nextjs-head-management forevdev · DatabasesUse when carrying out nextjs head management for a Next.js project—configuring routing, data fetching, rendering, or performance. Not for plain React apps or backend database work.18
- 82nextjs-error-handling forevdevUse when undertaking nextjs error handling in a Next.js application, such as configuring routes, rendering pages, or optimizing performance. Not for purely client‑side React apps or non‑Next.js frameworks.18
- 83lumo-nextjs-architecture Luisgp01 · Developer toolsApply safe Next.js App Router architecture decisions with TypeScript. Use when changing routes, server-client boundaries, metadata, middleware, or shared app/lib logic.18
- 84nextjs-frontend-architecture anjelo-aApply when editing Next.js routes, layouts, pages, server components, client components, frontend data-fetching structure, or feature-level UI architecture.18
- 85Next.js Server Actions David-Li0406Mutations, Form handling, and RPC-style calls.17
- 86logs-nextjs viral-sangani · Cloud and DevOpsPostHog logs for Next.js16
- 87nextjs-route-generator ssotoGenerate complete Next.js App Router route segments with all conventions16
- 88nextjs-app-router-v16 hiroky1983 · Cloud and DevOpsNext.js 16.1.6 App Router implementation and migration guidance based on the official Getting Started docs. Use when creating a new Next.js app, structuring routes/layouts, adding data fetching and server actions, configuring caching/revalidation, handling errors, styling, metadata, route handlers, proxy behavior, deployment, or upgrading to v16.16
- 89nextjs-on-vercel wredzio · Cloud and DevOpsCreate a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.15
- 90nextjs-modular-component YusufkotavomPedoman membuat komponen Next.js modular dan reusable agar penambahan fitur baru tidak merusak halaman lama.15
- 91nextjs-ui-integrator Yusufkotavom · Developer toolsImplement frontend pages/components in Next.js App Router using shadcn/ui-first and centralized API access patterns. Use for UI feature work in this repository.15
- 92nextjs-page-generator ehtbantonGenerate Next.js page components with App Router, Server Components, and data fetching. Triggers on "create nextjs page", "generate next.js route", "nextjs app router page", "next page component".15
- 93tailadmin-nextjs Ignacio-nube · DesignNext.js 16 admin dashboard with 30+ components, Tailwind CSS 4, ApexCharts, dark mode.15
Questions
Is there an official Next.js MCP server?
Check the publisher on each listing: servers published by Next.js itself are the official ones. The most used Next.js server here is nextjs-cache-handler-mcp by leejpsd.
How do I connect Next.js to Claude?
Pick a server below, open its page and copy the install command for Claude Code, or the config block for Claude Desktop. Most Next.js servers need an API key or token from your Next.js account.