SuperAPI AI 工具集

nextjs-core

前端与建站

查看项目

更新于 10-15 15:14

技能介绍

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 的项目。关于具体安装方式、收费情况、支持的平台或版本要求,资料中暂未提供。