React/Next.js コンポーネント設計

Server Components 優先

デフォルトは Server Component。以下の場合のみ 'use client'：

• イベントハンドラ（onClick, onChange等）
• useState, useEffect 等のフック使用
• ブラウザAPIアクセス

// Server Component（デフォルト）
export default async function Page() {
  const data = await fetchData();
  return <List items={data} />;
}