Nextjs Skills

Next.js Skills

React framework for production with hybrid static & server rendering.

Sub-Skills

Architecture

• app-router.md - App Router patterns
• pages-router.md - Pages Router patterns
• project-structure.md - Project organization

Rendering

• server-components.md - Server Components
• client-components.md - Client Components
• ssr.md - Server-side rendering
• ssg.md - Static generation
• isr.md - Incremental Static Regeneration

Data Fetching

• server-actions.md - Server Actions
• fetch-api.md - Fetch patterns
• caching.md - Caching strategies

Routing

• dynamic-routes.md - Dynamic routes
• route-handlers.md - API routes
• middleware.md - Middleware patterns
• layouts.md - Layout patterns

Performance

• image-optimization.md - next/image
• font-optimization.md - next/font
• bundle-analysis.md - Bundle optimization

Authentication

• next-auth.md - NextAuth.js
• middleware-auth.md - Middleware auth

Testing

• jest.md - Jest patterns
• playwright.md - E2E testing

Detection

Auto-detected when project contains:

• next.config.js or next.config.mjs
• next package
• getServerSideProps or getStaticProps patterns