nextjs-skills

Next.js框架的常用模式、SSR/SSG以及App Router的最佳实践。

SKILL.md

--- frontmatter

name: nextjs-skills
description: Next.js framework patterns, SSR/SSG, and App Router best practices
category: stacks/frontend/nextjs
applies_to: nextjs
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

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