データフェッチング
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)
インクリメンタル静的再生成を使用して、実行時に静的ページを作成または更新する方法を学びます。
クライアントサイドでのデータフェッチ
クライアントサイドのデータフェッチについて学び、キャッシング、再検証、フォーカストラッキング、インターバルでの再フェッチなどを処理するデータフェッチReactフックライブラリであるSWRの使用方法を理解する