{"enrichment":{"faq":[{"a":"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.","q":"How do I build a Next.js app with App Router?"},{"a":"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.","q":"What are Next.js Server Components best practices?"},{"a":"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.","q":"How do I implement Next.js Server Actions and form handling?"},{"a":"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.","q":"What data fetching patterns work best in Next.js 15?"},{"a":"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.","q":"How can I optimize Next.js performance with Partial Prerendering?"},{"a":"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.","q":"What routing patterns does Next.js App Router support?"}],"shadow_tags":["full-stack-framework","react-runtime","edge-computing","incremental-adoption","bundle-optimization","form-mutations","static-dynamic-hybrid","typescript-first","streaming-ssr"],"summary_rewrite":"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."},"files":[{"bytes":11584,"path":"nextjs-developer/skill.md","sha256":"d40df52e3b3b2f3054f4d91db2596fe944108fb4e7785b35dd12d36340124fcf","url":"https://skillfed.io/files/greedychipmunk/agent-skills/nextjs-developer/b4e61775/skill.md"}],"id":"greedychipmunk/agent-skills/nextjs-developer","links":{"html":"https://skillfed.io/greedychipmunk/agent-skills/nextjs-developer","md":"https://skillfed.io/greedychipmunk/agent-skills/nextjs-developer.md","repo":"https://github.com/greedychipmunk/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":1,"language":"TypeScript","last_updated":"2026-06-28","license":"MIT","name":"nextjs-developer","publisher":"greedychipmunk","stars":12},"relations":{"similar":[{"id":"yonatangross/orchestkit/react-server-components-framework"},{"id":"secondsky/claude-skills/nextjs"},{"id":"shipshitdev/skills/nextjs-validator"},{"id":"PracticalSwan/agent-skills/nextjs-development"},{"id":"Jeffallan/claude-skills/nextjs-developer"},{"id":"giuseppe-trisciuoglio/developer-kit/nextjs-app-router"},{"id":"mohamed-hossam1/nextjs-skills/nextjs-cache-architecture"},{"id":"fernandofuc/nextjs-c-s/nextjs-16-complete-guide"},{"id":"curiositech/some_claude_skills/nextjs-app-router-expert"},{"id":"laguagu/claude-code-nextjs-skills/cache-components"}]},"slug":{"owner":"greedychipmunk","repo":"agent-skills","skill":"nextjs-developer"},"version":"b4e61775"}