頁面

頁面是路由獨有的 UI。您可以透過從 page.js 檔案預設匯出一個組件來定義頁面。

例如，要建立您的 index 頁面，請在 app 目錄內新增 page.js 檔案

// `app/page.tsx` is the UI for the `/` URL
export default function Page() {
  return <h1>Hello, Home page!</h1>
}

然後，要建立更多頁面，請建立一個新資料夾並在其中新增 page.js 檔案。例如，要為 /dashboard 路由建立一個頁面，請建立一個名為 dashboard 的新資料夾，並在其中新增 page.js 檔案

// `app/dashboard/page.tsx` is the UI for the `/dashboard` URL
export default function Page() {
  return <h1>Hello, Dashboard Page!</h1>
}

注意事項:

• 頁面可以使用 .js、.jsx 或 .tsx 副檔名。
• 頁面始終是路由子樹的葉節點。
• 需要 page.js 檔案才能讓路由區段公開存取。
• 頁面預設為伺服器組件，但可以設定為客戶端組件。
• 頁面可以擷取資料。檢視資料擷取區段以取得更多資訊。