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

データ取得

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

例

getStaticProps

`getStaticProps` でデータを取得し、静的ページを生成します。Next.js でのデータ取得のためのこの API について詳しく見ていきましょう。

getStaticPaths

`getStaticPaths` でデータを取得し、静的ページを生成します。Next.js でのデータ取得のためのこの API について詳しく見ていきましょう。

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

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

getServerSideProps

`getServerSideProps` で各リクエスト時にデータを取得します。

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

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