データフェッチ
Next.jsのデータフェッチ機能を使用すると、アプリケーションのユースケースに応じてコンテンツをさまざまな方法でレンダリングできます。これには サーバーサイドレンダリング (SSR) や 静的生成 (SSG) によるプリレンダリング、そして インクリメンタル静的再生成 (ISR) を使用したランタイムでのコンテンツ更新や作成が含まれます。
使用例
- WordPress の例(デモ)
- マークダウンファイルを使用したブログスターター (デモ)
- 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 についてさらに学びましょう。
フォームとデータ更新 (Mutations)
Next.js でフォーム送信とデータ更新を処理する方法を学びます。
getServerSideProps
リクエストごとに `getServerSideProps` を使用してデータを取得
インクリメンタル静的再生成 (ISR)
インクリメンタル静的再生成 (ISR) を使用して、ビルド後に静的ページを作成または更新する方法を学びます。
クライアントサイドフェッチ
クライアントサイドでのデータ取得について学び、キャッシュ、再検証、フォーカストラッキング、インターバルでの再取得などを処理するデータフェッチ用ReactフックライブラリSWRの使用方法を習得します。