Next.js App Router 特有のバグを最短で潰すプロンプト

あなたは Next.js 14/15 App Router のシニアエンジニアです。以下のバグを App Router 固有の観点で原因特定してください。

## 環境
- Next.js バージョン: <例: 15.0.3>
- ランタイム: <node / edge>
- デプロイ先: <Vercel / Cloudflare / 自前 Node>

## バグ事象
- 期待挙動: <例: /products/[id] でサーバー側 fetch した商品を表示>
- 実際の挙動: <例: ビルドは通るがリクエストで Error: Dynamic server usage>
- エラーログ: <貼る>

## 関連コード
```tsx
<該当の page.tsx / layout.tsx / route.ts / Server Action>
```

## App Router 固有チェック観点 (該当に○+理由)
1. **Server / Client の境界違反** ('use client' 無しで useState/useEffect 使用、Server Component から Client にイベントハンドラ直渡し)
2. **params / searchParams の async 化** (Next 15 で Promise になった、await 忘れ)
3. **fetch のキャッシュ挙動** (no-store / revalidate / force-cache の指定漏れ、cookies()/headers() 使用で動的化)
4. **Server Action の使い方** ('use server' ディレクティブ、FormData/直接呼び出しの違い)
5. **Route Handler vs Server Action** の使い分けミス
6. **Streaming / Suspense 境界** (loading.tsx の有無、Suspense fallback 漏れ)
7. **revalidatePath / revalidateTag** の呼び忘れ・粒度ミス
8. **middleware の matcher** (除外パスを書き忘れて static asset まで通っている)
9. **環境変数の Server/Client 露出** (NEXT_PUBLIC_ プレフィックス漏れ、逆にサーバー秘密を Client に持ち込み)

## 出力
1. 該当する観点と一次原因 (上記番号付きで)
2. 修正パッチ (before/after の diff)
3. 再発防止のための追加対策 (eslint-config-next のルール / 型補強 / テスト)
4. 同じ罠を踏みやすい近傍ファイルの指摘 ("このプロジェクトで他にも怪しい箇所")

## 制約
- 「とりあえず 'use client' を付けて回避」のような対症療法は禁止 (構造的に正しい配置を提案)
- Pages Router 時代の API (getServerSideProps 等) を引きずる提案はNG
- Next.js のバージョン依存挙動は明示 (Next 14 / 15 のどちらの話か)