データフェッチング
Next.jsのデータフェッチングでは、アプリケーションのユースケースに応じて、さまざまな方法でコンテンツをレンダリングできます。これらには、サーバーサイドレンダリングまたは静的生成によるプリレンダリング、および増分静的再生成によるランタイムでのコンテンツの更新または作成が含まれます。
例
- WordPress Example(デモ)
- マークダウンファイルを使用したブログスターター (デモ)
- DatoCMS Example (デモ)
- TakeShape Example (デモ)
- Sanity Example (デモ)
- Prismic Example (デモ)
- Contentful Example (デモ)
- Strapi Example (デモ)
- Prepr Example (デモ)
- Agility CMS Example (デモ)
- Cosmic Example (デモ)
- ButterCMS Example (デモ)
- Storyblok Example (デモ)
- GraphCMS Example (デモ)
- Kontent Example (デモ)
- 静的ツイートデモ
- Enterspeed Example (デモ)
getStaticProps
getStaticProps を使用してデータを取得し、静的ページを生成します。Next.jsのデータ取得APIについてさらに詳しく学びます。
getStaticPaths
getStaticPaths を使用してデータをフェッチし、静的ページを生成します。Next.jsでのデータフェッチングに関するAPIについてさらに詳しく学びます。
フォームとミューテーション
Next.jsでフォーム送信とデータ変更を処理する方法を学びます。
getServerSideProps
リクエスト時に`getServerSideProps`でデータを取得します。
インクリメンタル静的再生成 (ISR)
インクリメンタル静的再生成を使用して、ランタイム時に静的ページを作成または更新する方法を学びます。
クライアントサイドでのデータ取得
クライアントサイドのデータ取得について学び、キャッシング、再検証、フォーカストラッキング、インターバルでの再フェッチなどを処理するデータ取得用のReactフックライブラリであるSWRの使用方法を理解します。