#Next.js#TypeScript

分享一份 Next.js 中后台模板的目录结构

由@dusk-wei发起讨论 · 发布于 2026年7月31日 · 更新于 2026年8月3日

基于 App Router 做了一套中后台模板,沉淀了几个比较好用的约定。

  • 每个资源模块是 app/(dashboard)/[resource]/ 下的标准三件套:list / detail / form。
  • 表格列定义抽到 features/[resource]/columns.tsx,复用到导出。
  • Server Actions 统一返回 { ok, data, error } 三段式。
ts
type Result<T> = { ok: true; data: T } | { ok: false; error: string };

这样前端处理逻辑统一,Loading 态用 useFormStatus。整体代码量比 pages router 时代少了 30%。

有人想要开源这套模板吗?欢迎来提建议。

回复

暂时没有回复。

Related

相关推荐