Part 5 — Server Components と Next.js
ここからは、React Server Components(以降 RSC)が何を解決するためのものなのか、そして RSC を実用レベルで使える代表的なフレームワークである Next.js App Router の入門を、一緒に見ていきます。
Part 3・Part 4 で扱ってきた React は、基本的に「ブラウザの中で全部動く」 SPA のスタイルでした。RSC は、そこに「コンポーネントの一部をサーバー側で走らせる」 という別の切り口を持ち込みます。最初は少し視点の切り替えが要りますが、落ち着いて 4 章ぶんをなぞれば、案件のコードを読み解くための地図は整います。
この Part の章一覧
- 5.1 なぜ Server Components が生まれたか
- 5.2 Server Components vs Client Components
- 5.3 Next.js App Router 入門
- 5.4 Server Actions とフォーム処理
この Part を読み終えると
- RSC と Client Components の違い・境界が説明できるようになります
- Next.js App Router の基本構造(page / layout / server / client 境界)を読み解けるようになります
- SPA と Next.js のどちらを選ぶか、判断の軸が持てるようになります