定义路由

创建路由

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

每个文件夹表示一个路由段，对应到一个URL段。要创建嵌套路由，您可以将文件夹嵌套在彼此内部。 route segments to path segments

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

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

note

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

使用特殊文件约定来为每个路由段创建UI。最常见的是用于显示路由独特UI的pages和用于显示跨多个路由共享UI的layouts。

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

app/page.tsx

import React from 'react';

const Page: React.FC = () => {
  return <h1>Hello, Next.js!</h1>;
};

export default Page;