実現したいこと
前提条件
フロント:nextjs
バックエンド:リクエスト先のサーバの前にCloudFront等のCDNが利用できるサーバがある
CSRとSSRでキャッシュの取得方法がどのように変わるのかがわからない
CSR→CDNを使わない?
SSR→CDNを使う?
発生している問題・分からないこと
キャッシュ戦略について以下の記載がありました
閲覧したサイト
メールアドレスなどの秘匿情報がキャッシュされ、個人情報の漏洩に繋がる問題もたまに見かけるため、個人情報を扱う部分は CSR、扱わない部分は SSR にする対応やキャッシュの破棄タイミングが重要になってきます。
CSRにすると上記の懸念点が解消される理由がわからない
CSRでもSSRでもリクエスト先のサーバーが同じであれば、使用されるキャッシュ(CDN)は同じなのでは?と思いました
リクエスト先のエンドポイントが同じでもCSRの場合は別の場所にキャッシュを確認しにいくのでしょうか?
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
SSRの処理で取得したレスポンスはCDNのキャッシュを利用できると記載があった
CSRについてはどのようなプロセスでキャッシュを使用できるのか記事がなかった。
補足
Next.jsを使用する前提
バックエンドのAPIサーバにリクエストを送りそのレスポンスをキャッシュする前提
あなたの回答
tips
プレビュー