不同于其它前端框架,Next.js创建路由不需要配置,只需要按照相应规则新建对应名称的文件即可。
App Router
从版本13开始,Next.js开始引入App Router,默认React Server Components,当然也支持客户端渲染(use client),并且和pages目录兼容,不过优先级要高于pages路由,即如果pages和app都定义了同名路由,优先使用app路由。
默认文件
| layout | 默认布局 |
|---|---|
| page | 默认首页 |
| loading | 加载中页面 |
| not-found | 404 |
| error | 错误页 |
| global-error | 全局错误页 |
| route | 接口创建 |
| template | 模板页,和layout相似 |
| default | Fallback UI for Parallel Routes |