Suspense Boundary とは？
suspense boundary は、非同期データや遅延読み込みされたコードを待つ間にサスペンドする可能性のある UI の領域を指定するラッパーです。その領域が準備できていない間、boundary は placeholder などの fallback をレンダリングします。周囲のコンテンツは、保留中の部分でブロックせず独立してレンダリングされます。
なぜ重要か
suspense boundary は streaming と段階的なレンダリングを可能にし、遅いデータセクションがページ全体を止めないようにします。適切に配置することで、ユーザーが最初に見る内容を制御できます。
関連ガイド
What Is Streaming SSR?Streaming server-side rendering sends HTML to the browser in chunks as it is produced, so users see early con…
What Is a Loading Skeleton?A loading skeleton is a placeholder UI that mimics the shape of content while it loads, giving a sense of str…
What Is a Dynamic Import Boundary?A dynamic import boundary is the point where a module is loaded lazily with an import call, marking where a b…