資料獲取
Next.js 中的資料獲取功能讓您能根據應用程式的使用情境，以不同方式渲染內容。這些方式包含使用伺服器渲染 (Server-side Rendering) 或靜態生成 (Static Generation) 進行預先渲染，以及透過增量靜態再生 (Incremental Static Regeneration) 在運行時更新或建立內容。
範例
- Agility CMS 範例 (演示)
- Builder.io 範例 (演示)
- ButterCMS 範例 (演示)
- Contentful 範例 (演示)
- Cosmic 範例 (演示)
- DatoCMS 範例 (演示)
- DotCMS 範例 (演示)
- Drupal 範例 (演示)
- Enterspeed 範例 (演示)
- GraphCMS 範例 (演示)
- Keystone 範例 (演示)
- Kontent.ai 範例 (演示)
- Makeswift 範例 (演示)
- Plasmic 範例 (演示)
- Prepr 範例 (演示)
- Prismic 範例 (演示)
- Sanity 範例 (演示)
- Sitecore XM Cloud 範例 (演示)
- Storyblok 範例 (演示)
- Strapi 範例 (演示)
- TakeShape 範例 (演示)
- Tina 範例 (演示)
- Umbraco 範例 (演示)
- Umbraco Heartcore 範例 (演示)
- Webiny 範例 (演示)
- WordPress 範例 (演示)
- 部落格入門範例 (演示)
- 靜態推文 (演示)
getStaticProps
使用 `getStaticProps` 獲取資料並生成靜態頁面。深入了解這個 Next.js 中用於資料獲取的 API。
getStaticPaths
使用 `getStaticPaths` 獲取資料並生成靜態頁面。了解更多關於 Next.js 中此資料獲取 API 的資訊。
表單與資料異動
學習如何使用 Next.js 處理表單提交與資料異動。
getServerSideProps
使用 `getServerSideProps` 在每次請求時獲取資料。
客戶端資料獲取
了解客戶端資料獲取，以及如何使用 SWR —— 一個能處理快取、重新驗證、焦點追蹤、定時重新獲取等功能的 React Hook 資料獲取函式庫。