コンテンツへスキップ
Pages Routerアプリケーションの構築データ取得

データ取得

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

例

getStaticProps

`getStaticProps` を使用してデータを取得し、静的ページを生成します。Next.jsでのデータ取得に関するこのAPIの詳細をご覧ください。

getStaticPaths

`getStaticPaths` を使用してデータを取得し、静的ページを生成します。Next.jsでのデータ取得に関するこのAPIの詳細をご覧ください。

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

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

getServerSideProps

各リクエストで`getServerSideProps`を使用してデータを取得します。

インクリメンタルスタティックリジェネレーション(ISR)

インクリメンタルスタティックリジェネレーションを使用して、ランタイムで静的ページを作成または更新する方法について説明します。

クライアントサイドでのデータ取得

クライアントサイドのデータ取得、およびキャッシング、再検証、フォーカストラッキング、間隔による再取得などを処理するデータ取得ReactフックライブラリであるSWRの使い方について説明します。