SuperAPI AI 工具集

nextjs-16-architecture

前端与建站

查看项目

更新于 10-16 05:53

技能介绍

用途:为 Next.js 16 项目提供架构模式与开发规范,核心是 Cache Components 与基于功能的目录组织。

主要能力:给出功能目录结构(components 下分 server、client、skeletons,另有 data、actions、types、schemas、hooks、lib);文件命名约定(服务端/客户端组件用 kebab-case.tsx,骨架为 {name}-skeleton.tsx,查询用 get-{entity}.ts,创建用 create-{entity}.ts,删除用 delete-{entity}.ts,Server Action 用 {verb}-{entity}-action.ts);缓存模式(数据文件用 "use cache" 配合 cacheTag、cacheLife,Server Action 用 "use server" 并在变更后 updateTag 失效缓存);导入规则(始终用 @/features/... 绝对路径,方向为 app/ → features/ → shared/)。

设计理念:默认动态、按需缓存;在尽可能小的组件中取数,避免逐层传参;保持静态、仅对动态部分流式渲染;Suspense 边界放在页面/布局层而非功能组件内。

使用方式:按需加载其参考文档,包括功能结构、组件、数据层、Server Actions、页面与布局、国际化(next-intl)、共享功能与检查清单。

适用场景:Next.js 16 项目的架构搭建、代码评审与新功能开发。

限制:资料未提供安装命令、收费方式、平台支持与效果数据,暂未提供。