"use client" はどこに書くのか——エラーが出るたびにつけ足していたら全部 Client Component になっていた

Next.js App RouterでエラーのたびにServer/Client Componentの役割分担が理解できずに詰まった経験をもとに、"use client"をどこに書くべきかを実際のコードで整理します。fsが使えない理由・データをpropsで渡す設計・バンドルサイズへの影響も解説。