定义路由

我们建议在继续之前先阅读路由基础页面。

本页将指导你如何在 Next.js 应用中定义和组织路由。

创建路由

Next.js 使用基于文件系统的路由器，其中文件夹用于定义路由。

每个文件夹代表一个路由段 (route segment)，映射到 URL 的一个段。要创建嵌套路由 (nested route)，你可以将文件夹相互嵌套。

特殊的 page.js 文件用于使路由段公开可访问。

在这个例子中，/dashboard/analytics URL 路径是_不可_公开访问的，因为它没有对应的 page.js 文件。这个文件夹可用于存储组件、样式表、图片或其他共置文件。

须知：特殊文件可以使用 .js、.jsx 或 .tsx 文件扩展名。

特殊文件约定用于为每个路由段创建用户界面。最常见的是页面 (pages) 用于显示特定路由的 UI，以及布局 (layouts) 用于显示多个路由共享的 UI。

例如，要创建你的第一个页面，在 app 目录中添加一个 page.js 文件并导出一个 React 组件：

export default function Page() {
  return <h1>Hello, Next.js!</h1>
}