Note

Next.js App Router 閱讀地圖

學 App Router 時我會優先釐清的幾個概念。

先理解邊界

App Router 最重要的是先分清楚 server component、client component 和 route segment。只要 filesystem 或資料庫讀取留在 server,就比較不容易把 Node API 帶進 client bundle。

我會先看

  • Layout 和 page 的資料流
  • Dynamic route 的 generateStaticParams
  • Metadata 的生成方式
  • Client component 的切分時機

暫時不急

Parallel routes 和 intercepting routes 很有用,但不一定要在第一版 blog 就加入。