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