Slide 6
Slide 6 text
Next.js 13 Streaming SSR
Streaming SSRは、SSRにおけるサーバーサイド fetchでもSuspenseが有効となります。「同期レン
ダリングが遅い」という SSR最大の弱点(筆者の主観です)
を解決する機能です。
Next.js
Server
Backend
30ms 150ms
初期描画開始まで 180 ms
従来のSSR
Next.js
Server
Backend
30ms 150ms
初期描画開始まで 30 ms
Streaming SSR
サーバーサイド Fetchが終わってから
SSRし、フロントに全部まとめてレスポンス サーバーサイド Fetch中はfallbackをレンダリングしてレスポンス
Fetchが終わったらその部分だけ遅れてレスポンス
※数値は例となります。