路由與導覽
Next.js 的路由是檔案系統路由:app/ 資料夾裡的資料夾結構直接對應網址結構,不需要另外寫一份路由設定檔。這一節說明 App Router 的特殊檔名慣例、如何建立動態路由,以及頁面之間如何導覽。
本節內容
- App Router 基礎——
page、layout、loading、error等特殊檔案的用途與巢狀 Layout。 - 動態路由——用資料夾名稱建立會變動的網址區段,例如商品編號、文章 slug。
- 導覽與連結——
Link元件與useRouter、usePathname等導覽用 Hook。
推薦影音
官方:路由、資料抓取與快取總覽
簡述:Vercel 官方頻道這支影片示範 App Router 的路由慣例,並串到資料抓取與快取的關係,適合已經看過安裝教學、準備深入了解 App Router 運作邏輯的學習者。