定義路由

建議在繼續之前先閱讀路由基礎頁面。

本頁將引導你如何在 Next.js 應用程式中定義和組織路由。

建立路由

Next.js 使用基於檔案系統的路由器，其中資料夾被用來定義路由。

每個資料夾代表一個路由區段 (route segment)，對應到一個 URL 區段。要建立巢狀路由 (nested route)，你可以將資料夾相互嵌套。

特殊的 page.js 檔案用於讓路由區段可公開存取。

在此範例中，/dashboard/analytics URL 路徑_無法_公開存取，因為它沒有對應的 page.js 檔案。此資料夾可用於儲存元件、樣式表、圖片或其他共置檔案。

須知：特殊檔案可使用 .js、.jsx 或 .tsx 副檔名。

特殊檔案慣例用於為每個路由區段建立使用者介面。最常見的是頁面 (pages)用於顯示路由專屬的使用者介面，以及佈局 (layouts)用於顯示跨多個路由共享的使用者介面。

例如，要建立你的第一個頁面，在 app 目錄內新增一個 page.js 檔案並匯出一個 React 元件：

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