返回 Blog 列表
实践

App Router 实战技巧

整理在 app 目录开发中的常用实践,包括组件组织、页面 metadata 和常见布局模式。

建议先按路由分目录,再在每个路由目录中放置 page、layout 和相关组件,这样结构更清晰,团队协作也更轻松。

页面级 metadata 建议跟随路由维护,比如在 page.tsx 中导出 metadata,能更直观地管理标题与描述信息。

当页面层级变深时,优先复用 layout 来承载公共 UI(如导航、侧栏、页脚),让 page 只关注当前页面的核心内容。