【Next.js】 CSRについて

Nov 20, 2022

今日は、Next.jsのレンダリング方法のひとつであるCSRについて書いてみたいと思います。

CSR (クライアントサイドレンダリング)

CSRはクライアント側(サイトのユーザー側)でレンダリングをする方法です。クライアントのリクエストに対して、空のHTMLとJavaScriptを返して、JavaScriptを実行してレンダリングとデータの取得を行います。

メリット

  • ページ遷移がサクサク動く
  • ホスティングが簡単
  • デメリット

  • 初期ロードに全てのページレンダリングを送るため、初期ロード時間が遅い。
  • クライアント側がページを取得したときに初めてデータを取得するため、SEOを必要とするサイトには向いていない。
  • という感じで、日々学んだことなどを気軽に書いていこうと思います。 (目標は毎日投稿。笑)

    ← Back