資料fetch
Next.js 中的資料fetch讓您可以根據應用程式的使用情境，以不同的方式呈現內容。這些方式包括使用 伺服器端渲染 或 靜態產生 進行預先渲染，以及使用 增量靜態再生 在運行時更新或建立內容。
範例
- Agility CMS 範例 (Demo)
- Builder.io 範例 (Demo)
- ButterCMS 範例 (Demo)
- Contentful 範例 (Demo)
- Cosmic 範例 (Demo)
- DatoCMS 範例 (Demo)
- DotCMS 範例 (Demo)
- Drupal 範例 (Demo)
- Enterspeed 範例 (Demo)
- GraphCMS 範例 (Demo)
- Keystone 範例 (Demo)
- Kontent.ai 範例 (Demo)
- Makeswift 範例 (Demo)
- Plasmic 範例 (Demo)
- Prepr 範例 (Demo)
- Prismic 範例 (Demo)
- Sanity 範例 (Demo)
- Sitecore XM Cloud 範例 (Demo)
- Storyblok 範例 (Demo)
- Strapi 範例 (Demo)
- TakeShape 範例 (Demo)
- Tina 範例 (Demo)
- Umbraco 範例 (Demo)
- Umbraco Heartcore 範例 (Demo)
- Webiny 範例 (Demo)
- WordPress 範例 (Demo)
- Blog Starter 範例 (Demo)
- 靜態推文 (Demo)
getStaticProps (取得靜態Props)
使用
getStaticProps 提取資料並生成靜態頁面。深入了解 Next.js 中用於資料提取的此 API。getStaticPaths (取得靜態路徑)
使用
getStaticPaths 提取資料並生成靜態頁面。深入了解 Next.js 中用於資料提取的此 API。表單與變更
了解如何在 Next.js 中處理表單提交和資料變更。
getServerSideProps (取得伺服器端Props)
每次請求都使用
getServerSideProps 提取資料。增量靜態再生 (ISR)
了解如何使用增量靜態再生在運行時建立或更新靜態頁面。
客戶端提取
了解客戶端資料提取，以及如何使用 SWR，這是一個用於資料提取的 React Hook 函式庫，可處理快取、重新驗證、焦點追蹤、間隔重新提取等。
這有幫助嗎？