前提
Next.jsの話です。
現状、描画時に最新の情報を表示したいコンポーネントではuseEffectでDBからデータ取得→ステートに格納・表示、それ以外はSSGにしています。
疑問
上記の「描画時に最新の情報を表示したいコンポーネント」では、useEffectの代わりにSSRをした方がよい、または場合によってはよい、ということはありますでしょうか。
CSRとSSRの使い分けを伺いたいです。
Next.js 4年目の知見:SSRはもう古い、VercelにAPIサーバを置くな - Qiita
上記の記事は「SSRのメリットはほとんど無い」と仰っています。
また、上記の記事では「SSRするべきできはない」という主旨が書かれています。
ただ、一昔前は「CSRは最初の描画が遅い、それを改善するためにSSRだ」という主旨の記事やツイートなどをいくつか見た記憶があります。
この主旨が是なら、パフォーマンスを上げる意味でSSRに切り替えるのはありだとは思います。
また、最新の情報を表示したいものがユーザー情報や支払情報などの秘匿したい情報以外であれば、SSRをすることでSEOのメリットも得られるのではないかと考えています。
とはいえ先の記事の件もあるので、みなさまの事例や意見を伺いたいです。
また、「useEffectやgetServerSidePropsではないものを使っているし、現場ではそれが主流だ」というものがあれば、併せて伺いたいです。
あなたの回答
tips
プレビュー