この記事は カオナビ Advent Calendar 2021 17日目です。 はじめに 株式会社カオナビのフロントエンドエンジニアの@shinji_beckyです。 先日Next.js ConfがありNext.js 12で様々な機能のリリースが紹介されました。 その中にReact18のサポートがされるという内容があり、SSR Streamingの話がありました。 Suspenseとかその辺の話かな〜くらいには思ってましたが、「まだよーわからん」状態だったのであらためて調べてみました。 いろいろ調べた中でこちらのページがめちゃめちゃ参考になりました。 基本的にはこちらの内容ベースなのでより詳しい話はこちらを読んでいただけると幸いです。 Server-Side Rendering(SSR)のはなし SSRとは SSRとはなんぞや。 簡単に説明すると「サーバーサイドで事前にレンダリングしたペー