nextjs-developmentlisted

# Next.js Development - Comprehensive Guide A unified skill merging best practices for Next.js development, covering App Router patterns, Server Components, data fetching, caching strategies, and module architecture. --- ## When to Use This Skill - Creating new Next.js pages, layouts, or components - Implementing data fetching (Server Components, TanStack Query, SWR) - Deciding between Server and Client Components - Building Server Actions for forms and mutations - Implementing caching strategies (ISR, "use cache", revalidation) - Setting up routing with App Router - Migrating from Next.js 15 to 16 - Building complete feature modules with CRUD operations - Optimizing metadata and SEO - Styling with Tailwind CSS ## When NOT to Use - Generic React patterns, hooks, or component logic (use react-development) - UI/CSS design systems or visual styling (use frontend-design) - Backend API development without Next.js (use python-development or relevant backend skill) - Build tool configuration unrelated to Next.js (use relevant bundler skill) ## Decision Tree ``` What Next.js problem are you solving? │ ├─ Server vs Client Component? │ ├─ Needs interactivity (onClick, onChange)? → Client Component ('use client') │ ├─ Needs React hooks (useState, useEffect)? → Client Component │ ├─ Needs browser APIs (window, localStorage)? → Client Component │ ├─ Needs to fetch data? → Server Component (preferred) │ └─ None of the above? → Server Component (default) │ ├─ Data fetching stra