👋
nextjsのキャッシュ戦略
ISR内での挙動はわかりやすい動画｡
→ 親要素で呼び出して､propsで渡す形｡
CSR時のuseSWRの使い方
→ SWRは子コンポーネント側で呼び出したほうが良さそう
更新が入るが､キャッシュでもOKな場合は､ISRで良い(revalidateで制御可能)
- newsやblogなど
リアルタイム性が必要な場合は､SSRかCSR+useSWRになる｡
- SEOを意識する場合は､SSR
- useSWRはローディング画面などを表示したい場合(SSRより画面自体は早く表示される)
参考：
- https://zenn.dev/marimoofficial/scraps/a7b0ff6f125c23
- https://qiita.com/musenmai/items/e09c0b798a05522a33cf#キャッシュのカスタマイズ
- https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating
- https://zenn.dev/sumiren/articles/664c86a28ec573
- https://zenn.dev/catnose99/scraps/a9510136aa9d90
- https://zenn.dev/bom_shibuya/articles/29a091f11019cf
Discussion