【動画付き】Next.js の Server Side Rendering (SSR) を理解する。create-react-app と比べてみた。 - Qiita

【動画付き】Next.js の Server Side Rendering (SSR) を理解する。create-react-app と比べてみた。JavaScriptNode.jsReactNOWNext.js Next.jsのサイト、かっこいいですよね 😊 クールで、パフォーマンスにも優れていてエンジニアを魅了します。 日本では Nuxt.js が人気のようですが、個人的には Next.js を推しています。 さて、先日 Next.js のチュートリアル を通してサーバサイドレンダリングについて考えさせられる機会がありました。本記事では、そもそもサーバサイドレンダリングのメリットとは？というところから初めて、create-react-app によって実装された SPA と、nextによって実装された SSR ではどのような違いがあるのかを検証してみました。 以下の動画は本記事のサマリ

[carolina04]

サーバサイドにログ Show data fetched: 10 が表示されるはずです。 index.js をサーバサイドでレンダリングしたという事になりますね