基于 App Router 做了一套中后台模板,沉淀了几个比较好用的约定。
- 每个资源模块是
app/(dashboard)/[resource]/下的标准三件套:list / detail / form。 - 表格列定义抽到
features/[resource]/columns.tsx,复用到导出。 - Server Actions 统一返回
{ ok, data, error }三段式。
type Result<T> = { ok: true; data: T } | { ok: false; error: string };
这样前端处理逻辑统一,Loading 态用 useFormStatus。整体代码量比 pages router 时代少了 30%。
有人想要开源这套模板吗?欢迎来提建议。