--- title: "nextjs-dev" description: "Next.js development plugin. Knowledge base for building modern Next.js 16 applications with App Router, Server/Client Components, data fetching, Cache Components, performance optimization, and the next-devtools-mcp toolc" canonical: https://agentpluginsdirectory.com/plugins/nextjs-dev last-updated: 2026-10-04 --- # nextjs-dev Next.js development plugin. Knowledge base for building modern Next.js 16 applications with App Router, Server/Client Components, data fetching, Cache Components, performance optimization, and the next-devtools-mcp toolchain. - Slug: nextjs-dev - Publisher: AGENTS.STORE - Repository: https://github.com/Agents-Store/agentplugins - Manifest: nextjs-dev/plugin.json - Version: 1.6.0 - Category (editorial): design-frontend - Skills: 18 (api-design, api-reference, app-router-patterns, auth-patterns, cli-recipes, data-fetching, docker-patterns, error-handling, examples, form-handling, mcp-tools, performance-optimization, project-structure, security-patterns, server-client-components, setup, testing-patterns, troubleshoot) - MCP servers: 0 - Stars: 0 - Repository created: 2026-08-18 - Repository last pushed: 2026-10-03 - Publisher type: Organization - Listing: https://agentpluginsdirectory.com/plugins/nextjs-dev - Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json ## What nextjs-dev does, in the publisher's words Next.js development plugin. Knowledge base for building modern Next.js 16 applications with App Router, Server/Client Components, data fetching, Cache Components, performance optimization, and the next-devtools-mcp toolchain. From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/Agents-Store/agentplugins/HEAD/nextjs-dev/README.md ## Skills - api-design: Next.js API design patterns for Route Handlers and Server Actions. Use when the user asks about "Route Handlers", "API routes in App Router", "Server Actions vs API routes", "input validation", "API response patterns", "streaming responses", "SSE", "webhooks in Next.js", "CORS", "API versioning", o… - api-reference: Next.js framework API quick reference: key functions, configuration options, and TypeScript types. This skill should be used when the user asks about "Next.js API", "Next.js functions", "next.config options", "generateMetadata API", "Next.js TypeScript types", or needs a quick lookup of Next.js fr… - app-router-patterns: Next.js App Router patterns and file conventions. This skill should be used when the user asks about "Next.js routing", "App Router", "layouts and pages", "route groups", "parallel routes", "intercepting routes", "proxy", "metadata", "route handlers", or needs guidance on Next.js file-based routing… - auth-patterns: Next.js authentication and authorization patterns. Use when the user asks about "authentication in Next.js", "NextAuth.js", "Auth.js", "middleware auth guards", "protected routes", "session management", "role-based access", "login page", "signup form", "JWT sessions", "cookies auth", or needs guida… - cli-recipes: Next.js CLI commands and common development scripts. This skill should be used when the user asks about "Next.js CLI", "next dev command", "next build", "create-next-app", "Turbopack", "Next.js command line", or needs to run Next.js commands from the terminal. - data-fetching: Next.js data fetching, caching, and mutation patterns. This skill should be used when the user asks about "data fetching in Next.js", "Server Actions", "server-side data fetching", "caching strategies", "'use cache' directive", "revalidation", "ISR", "streaming with Suspense", "fetch in Server Comp… - docker-patterns: Docker configuration patterns for Next.js applications. This skill should be used when the user asks to "dockerize Next.js", "create a Dockerfile for Next.js", "set up Docker for Next.js", "docker compose for Next.js", "build Next.js with Docker", "deploy Next.js in Docker", "Next.js standalone Doc… - error-handling: Next.js error handling patterns and error boundaries. Use when the user asks about "error.tsx", "global-error.tsx", "not-found.tsx", "error boundaries", "error handling", "loading.tsx", "loading states", "fallback UI", "error recovery", "catchError", "retry", or needs guidance on graceful error han… - examples: Next.js development scenario walkthroughs and code patterns. This skill should be used when the user asks for "Next.js examples", "Next.js project walkthrough", "how to build a dashboard in Next.js", "Next.js e-commerce example", "Next.js code patterns", or needs end-to-end implementation guidance… - form-handling: Next.js form handling with Server Actions and validation. Use when the user asks about "forms in Next.js", "Server Action forms", "useActionState", "form validation", "Zod validation", "useFormStatus", "optimistic updates", "useOptimistic", "progressive enhancement", "file uploads", or needs guidan… - mcp-tools: Next.js DevTools MCP server tools and integration patterns. This skill should be used when the user asks about "next-devtools-mcp", "Next.js MCP tools", "MCP server for Next.js", "runtime diagnostics", "Next.js dev server MCP", or needs to set up or use the official Next.js MCP toolchain for AI-ass… - performance-optimization: Next.js performance optimization patterns for images, fonts, bundles, and Core Web Vitals. This skill should be used when the user asks about "Next.js performance", "optimize Next.js app", "Core Web Vitals", "bundle size", "next/image optimization", "next/font", "lazy loading", "dynamic imports", o… - project-structure - security-patterns - server-client-components - setup - testing-patterns - troubleshoot Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.