数据获取
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 中数据获取的更多信息。
getStaticPaths
使用 `getStaticPaths` 获取数据并生成静态页面。了解有关 Next.js 中数据获取的更多信息。
表单和数据变更
学习如何在 Next.js 中处理表单提交和数据变更。
getServerSideProps
使用 `getServerSideProps` 在每次请求时获取数据。
增量静态重新生成(ISR)
了解如何在运行时创建或更新静态页面,使用增量静态重新生成。
客户端数据获取
了解客户端数据获取,以及如何使用 SWR,这是一个处理缓存、重新验证、焦点跟踪、间隔重新获取等功能的数据获取 React 钩子库。