👋
nextjsのキャッシュ戦略
→ 親要素で呼び出して、propsで渡す形。
→ 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