資料獲取
Next.js 中的資料獲取允許您根據應用程式的用例，以不同的方式渲染內容。這些方式包括透過 **伺服器端渲染** 或 **靜態生成** 進行預渲染，以及透過 **增量靜態再生** 在執行時更新或建立內容。
示例
- 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 庫。
這有幫助嗎？