跳轉至

建立 2026-09-16 更新 2026-09-16

路由與導覽

Next.js 的路由是檔案系統路由app/ 資料夾裡的資料夾結構直接對應網址結構,不需要另外寫一份路由設定檔。這一節說明 App Router 的特殊檔名慣例、如何建立動態路由,以及頁面之間如何導覽。

本節內容

  • App Router 基礎——pagelayoutloadingerror 等特殊檔案的用途與巢狀 Layout。
  • 動態路由——用資料夾名稱建立會變動的網址區段,例如商品編號、文章 slug。
  • 導覽與連結——Link 元件與 useRouterusePathname 等導覽用 Hook。

推薦影音

官方:路由、資料抓取與快取總覽

簡述:Vercel 官方頻道這支影片示範 App Router 的路由慣例,並串到資料抓取與快取的關係,適合已經看過安裝教學、準備深入了解 App Router 運作邏輯的學習者。