05. プライベートキャッシュ
'use cache: private'を使用してcookies()、headers()などのランタイムAPIにアクセスしながらキャッシュする方法を示します。
概念
通常のuse cacheでは、cookies()やheaders()などのランタイムAPIを使用できません。
'use cache: private'を使用すると、これらのAPIにアクセスしながらもキャッシュを有効にできます。
キャッシュはユーザーごとに分離され、プライバシーが保護されます。
ユーザー情報（cookies）
'use cache: private'でcookiesにアクセス
デバイス情報（headers）
'use cache: private'でheadersにアクセス
ユーザー名設定
cookieに値を設定してキャッシュの動作を確認
use cacheとの違い
通常のuse cacheでは使えない機能
❌ use cache
- • cookies()使用不可
- • headers()使用不可
- • searchParams使用不可
- • 全ユーザーで共有
✅ 'use cache: private'
- • cookies()使用可能
- • headers()使用可能
- • searchParams使用可能
- • ユーザーごとに分離
試してみよう
- 各カードのキャッシュ時刻を確認してください。
- ユーザー名を設定し、ユーザー情報カードが更新されることを確認してください。
- ページをリロードしても、キャッシュ時刻が変わらないことを確認してください。
- 別のブラウザやシークレットモードで開くと、異なるキャッシュが使われることを確認できます。