RSCキャッシュ＆ストリーミング作例｜AIプロンプトで生成

このデモはRSC（React Server Components）の2つのデータフェッチパターン、React.cache()によるキャッシュとSuspense境界を使ったストリーミングを可視化します。RSCではcache()が同一引数のリクエストを重複排除し、サーバ負荷を減らしパフォーマンスを向上。ストリーミングによりユーザーはフォールバックUIを即座に見ながら、データが到着次第レンダリングされます。ダッシュボードやコンテンツ量の多いページ、速度・新鮮さ・UXのバランスが求められる場面に最適です。