定义路由

了解如何在Next.js中创建您的第一条路由。

创建路由

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

每个文件夹代表一个路由段，映射到一个URL段。要创建嵌套路由，您可以将文件夹相互嵌套。

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

在这个例子中，/dashboard/analytics URL路径不是公开可访问的，因为它没有相应的page.js文件。这个文件夹可以用来存储组件、样式表、图像或其他共同定位的文件。

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

创建UI

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

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

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