👋

nextjsのキャッシュ戦略

2024/03/17に公開

https://www.youtube.com/watch?v=XBbXciVXWlQ
ISR内での挙動はわかりやすい動画。
→ 親要素で呼び出して、propsで渡す形。

https://qiita.com/musenmai/items/e09c0b798a05522a33cf
CSR時のuseSWRの使い方
→ SWRは子コンポーネント側で呼び出したほうが良さそう

更新が入るが、キャッシュでもOKな場合は、ISRで良い(revalidateで制御可能)

  • newsやblogなど

リアルタイム性が必要な場合は、SSRかCSR+useSWRになる。

  • SEOを意識する場合は、SSR
  • useSWRはローディング画面などを表示したい場合(SSRより画面自体は早く表示される)

参考:

Discussion