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