この記事は個人学習の備忘録です。 Udemyの講座【2023年最新】React(v18)完全入門ガイド|Hooks、Next.js、Redux、TypeScript(CodeMafia) 上記を参考・引用しながらNext.jsの基本のレンダリングについて個人的に学んだことのアウトプット記事です。 基本のレンダリング Next.jsでは4種類のレンダリングが行われます。 1. CSR-クライアントサイドレンダリング 2. SSR-サーバーサイドレンダリング 3. SSG-静的サイト生成 4. ISR-インクリメンタル静的再生成 中でも、Next.jsで用いられる基本的なレンダリングは下記の2つです。 SSR-サーバーサイドレンダリング SSG-静的サイト生成 なぜこれらのレンダリングが必要になったかの背景と、その特徴について紹介します。 1.CSR-クライアントサイドレンダリング CSRでは