Next.js App Router 入门指南

Next.js App Router 基于 React Server Components 构建，采用文件系统路由。`app` 目录下的每个文件夹代表一个路由段，`page.tsx` 定义该路由的 UI。

Server Components 默认在服务端渲染，可以直接访问数据库、文件系统等后端资源，且不会增加客户端 JavaScript 体积。需要交互时，在文件顶部添加 `'use client'` 即可创建 Client Component。

布局复用通过 `layout.tsx` 实现，嵌套布局会自动包裹子路由。数据获取推荐在 Server Component 中直接使用 async/await，无需额外的 getServerSideProps。