以 SSR/SSG 与 API 路由为核心，打造全栈 React 应用。适用场景：在使用 Next.js 构建应用、配置 SSR/SSG，或完成部署时触发。

SKILL.md

--- frontmatter

name: next
description: "Fullstack React with SSR/SSG and API routes. Trigger: When building with Next.js, configuring SSR/SSG, or deploying."
compatibility: "fullstack"
license: "Apache 2.0"
metadata:
  version: "1.0"
  skills:
    - conventions
    - react
    - typescript
    - architecture-patterns
    - humanizer
  dependencies:
    next: ">=13.0.0 <15.0.0"
    react: ">=18.0.0 <19.0.0"
  allowed-tools:
    - documentation-reader
    - web-search

Next.js Skill

Name: next
Rating: 62
Author: joabgonzalez

When to Use

•Building React apps with SSR/SSG
•Implementing API routes or middleware
•Deploying fullstack React projects

Critical Patterns

•Use file-based routing and dynamic routes
•Prefer server components for data fetching
•Leverage middleware for auth and rewrites

Decision Tree

•SSR/SSG needed? → Use getServerSideProps/getStaticProps
•API needed? → Use /pages/api or app/api
•Custom routing? → Use dynamic routes

Edge Cases

•Incremental static regeneration
•Middleware edge limitations
•API route cold starts