nextjs-developer
Master Next.js 15+ development with App Router architecture, Server Components, and advanced patterns like Partial Prerendering. This skill covers file-based routing, Server Actions, caching strategies, and React 19 features to optimize performance and developer experience. Learn streaming, error boundaries, and production-ready patterns for modern web applications.
Next.js Developer builds production-ready applications using App Router, Server Components, and React 19 patterns.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-06-28
Next.js Developer builds production-ready applications using App Router, Server Components, and React 19 patterns. Master Next.js 15+ development with App Router architecture, Server Components, and advanced patterns like Partial Prerendering. This skill covers file-based routing, Server Actions, caching strategies, and React 19 features to optimize performance and developer experience. Learn streaming, error boundaries, and production-ready patterns for modern web applications.
Use it when
- nextjs-developer covers Server Components as the default in App Router, showing best practices for data fetching directly in components.
- nextjs-developer teaches Server Actions for handling form submissions and mutations directly from Server Components.
Verify before relying
Read SKILL.md below before installing (26 files). Open directory: indexed for reading, not audited.
Install
greedychipmunk/agent-skills/nextjs-developer · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I build a Next.js app with App Router?
nextjs-developer teaches you to build production-ready Next.js applications using the App Router architecture. You'll learn file-based routing in the app/ directory, create pages and layouts with React Server Components by default, and organize your application with nested routes and route groups. The skill covers modern patterns for structuring your Next.js 15+ project from the ground up.
What are Next.js Server Components best practices?
nextjs-developer covers Server Components as the default in App Router, showing best practices for data fetching directly in components, leveraging async/await, and minimizing client-side JavaScript. You'll learn when to use 'use client' directives, how to compose Server and Client Components effectively, and patterns for maintaining security and performance in production applications.
How do I implement Next.js Server Actions and form handling?
nextjs-developer teaches Server Actions for handling form submissions and mutations directly from Server Components. You'll learn to create async functions marked with 'use server', bind them to forms, implement optimistic UI updates, and handle validation and errors. The skill includes patterns for progressive enhancement and building responsive forms without traditional API routes.
What data fetching patterns work best in Next.js 15?
nextjs-developer covers modern data fetching strategies including fetch() with built-in caching, revalidation options (time-based and on-demand), and streaming with Suspense. You'll master caching headers, ISR patterns, and when to use different revalidation strategies. The skill explains how Next.js 15 optimizes data freshness while maintaining performance in production environments.
How can I optimize Next.js performance with Partial Prerendering?
nextjs-developer explains Partial Prerendering (PPR) as a hybrid rendering approach combining static and dynamic content. You'll learn to mark routes for prerendering, use Suspense boundaries to defer dynamic sections, and leverage Turbopack for faster builds. The skill covers streaming, image optimization, and performance monitoring techniques for production-ready Next.js applications.
What routing patterns does Next.js App Router support?
nextjs-developer covers comprehensive routing patterns including dynamic routes with [id], catch-all routes with [...slug], optional catch-all routes, and intercepting routes for advanced UX. You'll learn route groups for organization, parallel routes for complex layouts, and middleware for authentication and request handling. Master file-based routing conventions for scalable Next.js applications.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Next.js Developer Skill
Overview
This skill provides comprehensive expertise in building production-ready Next.js applications using the App Router (Next.js 15+). It covers Server Components, React 19 support, data fetching patterns, routing, API routes, caching, and performance optimization.
Core Capabilities
App Router Architecture
- Server Components: Default rendering model for optimal performance
- Client Components: Interactive components with
"use client"directive - Layouts: Shared UI with preserved state across routes
- Templates: Fresh instances on navigation (no state preservation)
- Loading UI: Streaming with
loading.tsxfiles - Error Handling: Granular error boundaries with
error.tsx
Data Fetching
- Server-side fetching: Direct database/API access in Server Components
- Caching strategies: Dynamic rendering by default, explicit caching, and incremental regeneration
- Revalidation: Time-based and on-demand cache invalidation
- Parallel fetching: Optimized data loading
(truncated - see the full file via the links below)
File tree — 15 files
nextjs-developer/resources/api-routes.md
nextjs-developer/resources/app-router-patterns.md
nextjs-developer/resources/data-fetching.md
nextjs-developer/resources/performance-optimization.md
nextjs-developer/resources/routing-reference.md
nextjs-developer/resources/server-components.md
nextjs-developer/resources/testing-patterns.md
nextjs-developer/scripts/analyze-bundle.sh
nextjs-developer/scripts/build-production.sh
nextjs-developer/scripts/create-api-route.sh
nextjs-developer/scripts/create-component.sh
nextjs-developer/scripts/create-page.sh
nextjs-developer/scripts/dev-server.sh
nextjs-developer/scripts/run-tests.sh
nextjs-developer/scripts/setup-testing.sh
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Build production-ready Next.js applications with App Router and Server Components”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill covers React Server Components patterns for Next.js 16+ applications, including App Router setup, component boundary design, and data fetching with the new cache components API. Learn Server Actions for mutations, streaming with Suspense, and React 19 patterns for building performant server-first apps. Includes migration guidance, best practices, and reference templates.
nextjs-developer is a specialist skill for architecting and implementing Next.js 14+ applications using the App Router and React Server Components. It guides you through routing structure, data fetching with caching, server actions for mutations, and deployment to Vercel, with built-in checks for performance and SEO compliance.
Master Next.js 16's App Router with patterns for Server Components, Server Actions, and the new "use cache" directive. This skill covers critical breaking changes—async params, proxy.ts migration, and required default.js in parallel routes—plus caching APIs and React 19.2 features to optimize performance and prevent common errors.
This skill covers Next.js App Router architecture, including file-based routing, dynamic segments, parallel routes, and intercepting routes. Learn React Server Components, Server Actions for mutations, data fetching strategies with caching and ISR, middleware configuration, and performance optimization techniques. Ideal for building new projects or migrating from Pages Router.
Nextjs Validator audits Next.js 16 projects to catch deprecated patterns from earlier versions and enforce current best practices. It checks package versions, routing structure, cache directives, server actions, and configuration format. Run it before development work or in CI/CD pipelines to keep projects aligned with Next.js 16 standards.
Master full-stack Next.js 16+ development with App Router, Server Components, and TypeScript. This skill covers routing patterns, data fetching with the `use cache` directive, Server Actions, ISR/SSR/SSG strategies, Turbopack optimization, and MCP devtools integration for modern React 19+ architectures.
More skills nextjs-app-router (MIT) · nextjs-cache-architecture (MIT) · Nextjs 16 Complete Guide (unlicensed) · cache-components (MIT) · nextjs-react-redux-typescript-cursor-rules (Apache-2.0)