Next.js Core(App Router)是一套围绕 Next.js App Router 的开发模式集合,用于指导服务端优先的组件、数据变更、接口路由与缓存处理方式。
用途 该技能聚焦 App Router 场景下的核心开发实践,帮助开发者按服务端优先的思路组织组件、数据获取与数据变更逻辑。
主要能力
- Server Components:默认使用 Server Components,仅在必要时使用最小化的 "use client"。
- Server Actions:将数据变更(mutations)放在 Server Actions 中处理,并进行校验与授权(validate/authz),同时按标签或路径执行 revalidate。
- 路由处理器:使用 route handlers 实现 API 与 Webhook,并添加 loading 与 error 边界。
- 数据获取与缓存:涉及数据获取与缓存策略相关模式。
反模式 资料中明确列出以下应避免的做法:
- 在 useEffect 中获取初始数据。
- 缓存或 revalidate 范围过宽。
- 仅依赖客户端授权(client-only authz)。
参考内容 该技能提供 references/ 目录,涵盖 server actions、fetching、caching、routing、auth、testing 等主题。
适用场景与限制 适用于使用 Next.js App Router 进行开发的场景,尤其是需要区分服务端与客户端组件、处理数据变更与缓存、实现 API 或 Webhook 的项目。关于具体安装方式、收费情况、支持的平台或版本要求,资料中暂未提供。