用途：该技能为 Next.js 开发提供专家级辅助，Next.js 是全栈 React 框架，具备 App Router 架构、React Server Components（RSC）、Server Actions 以及静态/动态混合流式渲染能力。适合需要 API 路由、数据库访问与 UI 同处一个代码库的全栈 React 项目，以及对服务端渲染（SSR）和 SEO 有较高要求的场景，并可无缝部署到 Vercel 边缘网络。
主要能力：App Router 采用 app/ 目录的文件系统路由，page.tsx 定义 UI，layout.tsx 包裹子级，loading.tsx 定义 Suspense 边界。app/ 下的组件默认是 Server Components，不能使用 useState 或 useEffect；需要交互时在文件顶部添加 'use client'。Server Actions 是运行在服务端的函数，可由客户端表单或按钮调用。
使用方式：在 Server Component 中直接异步获取数据，无需 useEffect；变更后可用 revalidatePath 按需重新验证缓存。Server Action 示例：在 actions.ts 中写 'use server' 并导出异步函数，在表单中通过 action 属性调用。
最佳实践：在 Server Components 中获取数据；用 revalidatePath 在变更后重新验证缓存；Partial Prerendering（PPR）在 2024 年为实验性、2025 年稳定，可混合静态外壳与动态空洞。避免在 'use server' 文件中导出敏感数据；'use client' 只放在组件树叶子节点（按钮、输入框），高层布局保持为 Server Components。
常见问题：事件处理器无法传给 Client Component 属性时，在文件顶部标记 'use client'；SSR 与客户端 HTML 不匹配导致 hydration 失败时，将浏览器专属求值移入 useEffect 或用 dynamic import { ssr: false } 包裹；静态页面使用 headers()/cookies() 报动态服务端用法错误时，在页面文件导出 export const dynamic = 'force-dynamic'。
限制：资料未提供收费、价格、平台支持范围等具体信息。