Skip to content

Part 5 — Server Components と Next.js ​

ここからは、React Server Components(以降 RSC)が何を解決するためのものなのか、そして RSC を実用レベルで使える代表的なフレームワークである Next.js App Router の入門を、一緒に見ていきます。

Part 3・Part 4 で扱ってきた React は、基本的に「ブラウザの中で全部動く」 SPA のスタイルでした。RSC は、そこに「コンポーネントの一部をサーバー側で走らせる」 という別の切り口を持ち込みます。最初は少し視点の切り替えが要りますが、落ち着いて 4 章ぶんをなぞれば、案件のコードを読み解くための地図は整います。

この Part の章一覧 ​

この Part を読み終えると ​

  • RSC と Client Components の違い・境界が説明できるようになります
  • Next.js App Router の基本構造(page / layout / server / client 境界)を読み解けるようになります
  • SPA と Next.js のどちらを選ぶか、判断の軸が持てるようになります