業の本道へ
4
SEO と Next 化（サーバ層＝BFF を建てる）
AI に任せてOK・設計と把握は自分
この段で作る成果物
メタ/OGP/SSR。ここで初めてサーバ層＝BFF を実装する
別概念（React/Next）への飛躍点。ここから AI は“相棒”に切り替わる。
静的な LP/HP に“サーバ層”を足して、SEO（メタ/OGP）と SSR に対応する。ここで初めて BFF を建て、AI の役割が“相棒”に変わる。
手順
- 1Next.js プロジェクトを作り、既存ページを移す
- 2メタタグ・OGP・タイトルを整える（検索/SNS で正しく見える）
- 3サーバ側でデータを用意して描画する（SSR）＝BFF の第一歩
- 4デプロイして、表示・メタ・速度を確認
ここは自分で持つ（設計・全体把握）
- なぜ“サーバ層＝BFF”が要るのか（静的だけでは足りない理由）
- 全体構成の設計（どこで何を描く／データはどこから）
- AI が出したコードのレビュー（構成と噛み合っているか）
AI の使い方AI に任せてOK・設計と把握は自分
実装コードは AI に書かせて OK。あなたは“構成をどうするか”を決め、出力をレビューする。丸呑みせず、設計意図に合うかを判断する。
できたら
- 検索/SNS プレビューで正しく表示される
- 「どこがサーバで動き、どこがブラウザか」を説明できる