Glossary · Web技術
Server Componentsとは？
Server ComponentsはReactコンポーネントをサーバー側でレンダリングする新仕様。JavaScriptバンドルサイズを削減し、初回表示を高速化する。Next.js App Routerで標準採用。
公開: 2026年4月19日3分で読める
Server Componentsとは？
Server Components（React Server Components、RSC） は、Reactコンポーネントをサーバー側でレンダリングする新仕様。クライアントに送るJavaScript量を大幅に削減し、初回表示を高速化します。
特徴
- サーバーで完結: DBクエリやfs操作を直接記述可能
- JSバンドルに含まれない: クライアントJSサイズ削減
- データ取得が直感的:
async functionで直書き
Client Componentsとの使い分け
// Server Component（デフォルト）
export default async function BlogList() {
const posts = await fetchPosts(); // DBアクセスOK
return <ul>{posts.map(...)}</ul>;
}
// Client Component（"use client"指定）
"use client";
export default function Counter() {
const [count, setCount] = useState(0); // stateOK
}
SEO/LLMO効果
HTMLが完全にサーバー生成されるため、検索エンジンとAIクローラーが完全なコンテンツを取得できます。
関連用語
Tufe Companyのソリューション
関連キーワード
Server ComponentsRSCReact
Ready to Start?
自社でもこの戦略を実行したい方へ
Tufe Companyが戦略立案から実装までワンストップで支援します。
まずは無料相談で現状ヒアリングから。