資料獲取
Next.js 中的資料獲取功能讓您可以根據應用程式的使用情境，以不同方式呈現內容。這些方式包含使用 伺服器渲染 (SSR) 或 靜態生成 (SSG) 進行預先渲染，以及透過 增量靜態再生 (ISR) 在運行時更新或建立內容。
範例
- WordPress 範例(演示)
- 使用 markdown 檔案的部落格入門範例 (演示)
- DatoCMS 範例 (演示)
- TakeShape 範例 (演示)
- Sanity 範例 (演示)
- Prismic 範例 (演示)
- Contentful 範例 (演示)
- Strapi 範例 (演示)
- Prepr 範例 (演示)
- Agility CMS 範例 (演示)
- Cosmic 範例 (演示)
- ButterCMS 範例 (演示)
- Storyblok 範例 (演示)
- GraphCMS 範例 (演示)
- Kontent 範例 (演示)
- 靜態 Tweet 演示
- Enterspeed 範例 (演示)
getStaticProps
使用 `getStaticProps` 獲取資料並生成靜態頁面。深入瞭解這個 Next.js 中的資料獲取 API。
getStaticPaths
使用 `getStaticPaths` 獲取資料並生成靜態頁面。深入了解這個 Next.js 中用於資料獲取的 API。
表單與資料異動
學習如何使用 Next.js 處理表單提交與資料異動。
getServerSideProps
使用 `getServerSideProps` 在每次請求時獲取資料
增量靜態再生 (Incremental Static Regeneration)
學習如何透過增量靜態再生 (ISR) 在運行時建立或更新靜態頁面。
客戶端資料獲取
了解客戶端資料獲取，以及如何使用 SWR —— 一個能處理快取、重新驗證、焦點追蹤、定時重新獲取等功能的 React Hook 資料獲取函式庫。