定义路由

创建路由

Nextjs 使用基于文件系统的路由，其中目录被用来定义路由。

每一个目录都代表路由的一个 segment，用来映射 url 上的 segment。

要创建一个嵌套的路由，我们可以在每个目录内嵌套目录。

特定的 page.js文件使得该路由变得可公开访问。

在上面的例子中，/dashboard/analytics不能被公开访问到，因为它没有 page.js文件。

这个文件夹可以被用来储存组件、样式、图片或者其他文件。

特定文件可以使用 .js、.jsx、tsx等后缀名。

创建 UI

特定文件约定是用于为每个路由的 segment 创建 UI 的。最常见的是显示独有页面的 page.js以及显示跨多个路由共享的layout.js。

举个例子，创建你的第一个页面，在app文件夹内添加page.js文件并导出一个 React 组件。

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