渲染與資料
Next.js 跟傳統純前端 React 最大的差異,在於元件預設在伺服器端執行,可以直接讀資料庫、呼叫 API,而不用先包一層後端服務。這一節說明 Server Components 與 Client Components 的分工、如何抓資料,以及 Next.js 怎麼決定要不要快取結果。
本節內容
- Server Components 與 Client Components——兩種元件的差異、何時需要
"use client",以及如何組合使用。 - 資料抓取——在 Server Component 直接
fetch、並行抓取與 Suspense 串流。 - 快取與重新驗證——Next.js 的快取層級,以及如何用 ISR、
revalidateTag更新資料。