数据获取
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 在每个请求上获取数据。增量静态再生 (ISR)
了解如何使用增量静态再生在运行时创建或更新静态页面。
客户端数据获取
了解客户端数据获取，以及如何使用 SWR，一个用于数据获取的 React Hook 库，它可以处理缓存、重新验证、焦点跟踪、按间隔重新获取等。
这个有帮助吗？