Next.js App Router 学习笔记
·4 次浏览·前端开发
#Next.js#React#TypeScript
路由结构
App Router 使用文件系统路由，app/ 目录下的文件夹即路由段。
Server Components
默认情况下，app/ 中的组件为 Server Component，可直接访问数据库，减少客户端 JS 体积。
// 服务端直接查询
const data = await db.article.findMany();
动态路由
使用 [slug] 文件夹创建动态段，通过 params 获取路径参数。
要点总结
- 布局嵌套：
layout.tsx可共享 UI - 加载状态：
loading.tsx自动包裹 Suspense - 错误处理：
error.tsx捕获段内错误
访客评论
每位访客在同一篇文章仅能发表一条评论，可删除自己的评论后重新发布。
暂无评论，来抢沙发吧。