Data Fetching
Source URL: https://nextjs.org/docs/pages/building-your-application/data-fetching
Data Fetching
Section titled “Data Fetching”Data fetching in Next.js allows you to render your content in different ways, depending on your application’s use case. These include pre-rendering with Server-side Rendering or Static Generation, and updating or creating content at runtime with Incremental Static Regeneration.
Examples
Section titled “Examples”- Agility CMS Example (Demo)
- Builder.io Example (Demo)
- ButterCMS Example (Demo)
- Contentful Example (Demo)
- Cosmic Example (Demo)
- DatoCMS Example (Demo)
- DotCMS Example (Demo)
- Drupal Example (Demo)
- Enterspeed Example (Demo)
- GraphCMS Example (Demo)
- Keystone Example (Demo)
- Kontent.ai Example (Demo)
- Makeswift Example (Demo)
- Plasmic Example (Demo)
- Prepr Example (Demo)
- Prismic Example (Demo)
- Sanity Example (Demo)
- Sitecore XM Cloud Example (Demo)
- Storyblok Example (Demo)
- Strapi Example (Demo)
- TakeShape Example (Demo)
- Tina Example (Demo)
- Umbraco Example (Demo)
- Umbraco Heartcore Example (Demo)
- Webiny Example (Demo)
- WordPress Example (Demo)
- Blog Starter Example (Demo)
- Static Tweet (Demo)
- getStaticProps
- Fetch data and generate static pages with
getStaticProps. Learn more about this API for data fetching in Next.js.
- Fetch data and generate static pages with
- getStaticPaths
- Fetch data and generate static pages with
getStaticPaths. Learn more about this API for data fetching in Next.js.
- Fetch data and generate static pages with
- Forms and Mutations
- Learn how to handle form submissions and data mutations with Next.js.
- getServerSideProps
- Fetch data on each request with
getServerSideProps.
- Fetch data on each request with
- Client-side Fetching
- Learn about client-side data fetching, and how to use SWR, a data fetching React Hook library that handles caching, revalidation, focus tracking, refetching on interval and more.