Next.js13 のSWRを利用したデータフェッチについて、とてもよくまとまっている記事がありました。
覚書として、記載させていただきます。
Nextjsは奥が深いですね。
Next.js 13のappディレクトリとSWRを活用したデータフェッチの最適化
Next.js 13のappディレクトリとSWRを活用したデータフェッチの最適化
次世代のフロントエンド開発では、データの取得とその最適化が重要な要素です。この記事では、Next.js 13のappディレクトリを使用して、SWRというデータフェッチングライブラリを活用してデータの取得を最適化する方法を解説します。さらに、
Client-side data fetching with useEffect
Data Fetching: Client-side Fetching | Next.js
Learn about client-side data fetching, and how to use SWR, a data fetching React hook library that handles caching, reva...
useSWRの複数引数で詰まった
useSWRの複数引数で詰まった
React + Nextでdebounce 機能を使った検索機能の実装
React + Nextでdebounce 機能を使った検索機能の実装
React で Axios を使用する方法とは: 決定版ガイド (2021年)
React で Axios を使用する方法とは: 決定版ガイド (2021年)
このガイドでは、React フックを盛り込んだ多くの実例を使用することによって、React で Axios.js を正しく使用する方法がわかります。 まず、なぜデータの取り込みライブラリとして Axios を使用すべきなのかについてお伝えし...