アプリFW/ライブラリ▸Next.js
Next.js: Server/Client Components とデータ取得
knowledge所要 25分最新草稿
意味グラフ(この教材と内容的に近い教材・1ネスト)
例え(Analogies)
Server/Client=厨房と客席
Server Componentは「厨房で仕込む」(サーバーでデータ取得・軽い)、Client Componentは「客席で動く」(ボタン等の反応)。必要な部分だけ客席に出す。
概要
📍 app-frameworks ▸ Next.js ▸ Server/Client Components | 種別: knowledge | facts_as_of 2026-06(Next.js 16)
公式ドキュメント — knowledge
🎞 スライド
出典(sources)
nextjs.org/docs (Server and Client Components / Data Fetching) ; Next.js 16 / 2026-06確認
確認問題(Review-Questions)
useStateを使いたいコンポーネントに必要な宣言は?記述
基礎公式
解答・解説▾ 開く
ファイル先頭に "use client"(Client Componentにする)。
Next.jsの既定のコンポーネント種別は?択一
基礎公式
解答・解説▾ 開く
Server Component。