数据获取
Next.js 的数据获取功能允许您根据应用场景以不同方式渲染内容。这些方式包括使用 服务端渲染 (SSR) 或 静态生成 (SSG) 进行预渲染,以及通过 增量静态再生 (ISR) 在运行时更新或创建内容。
示例
- 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 数据获取库。