コンテンツにスキップ
Pages Routerアプリケーションの構築データフェッチ

データフェッチ

Next.jsのデータフェッチでは、アプリケーションのユースケースに応じて、さまざまな方法でコンテンツをレンダリングできます。これには、サーバーサイドレンダリングまたは静的生成によるプリレンダリング、およびIncremental Static Regenerationによるランタイムでのコンテンツの更新または作成が含まれます。

例

getStaticProps

`getStaticProps`でデータをフェッチし、静的ページを生成します。Next.jsのデータフェッチにおけるこのAPIの詳細については、こちらをご覧ください。

getStaticPaths

`getStaticPaths`でデータをフェッチし、静的ページを生成します。Next.jsのデータフェッチにおけるこのAPIの詳細については、こちらをご覧ください。

フォームとミューテーション

Next.jsでフォームの送信とデータのミューテーションを処理する方法について学びます。

getServerSideProps

`getServerSideProps`でリクエストごとにデータをフェッチします。

Incremental Static Regeneration (ISR)

Incremental Static Regeneration を使用して、ランタイムに静的ページを作成または更新する方法について学びます。

クライアントサイドフェッチ

クライアントサイドデータフェッチについて、そしてキャッシュ、再検証、フォーカストラッキング、インターバルでの再フェッチなどを処理するデータフェッチReactフックライブラリであるSWRの使用方法について学びます。