背景
デジタル商品：すぐに使える編集可能な不動産契約書テンプレート（売買、交換、権利譲渡、賃貸、短期賃貸、契約解除）を、単品またはキットで販売。
課題
購入者を混乱させずに多くの契約の種類と複数のオファーを説明し、さらに一般的なReactアプリが苦手とする、Googleに正しく読まれることも実現すること。
目的
一人ひとりを状況に合った契約書へ導く、わかりやすくインデックス可能な販売ページ。
解決策
購入者の状況（「自分の状況はどれ？」）で整理したランディングページ。単品とキットの比較、仕組みの説明、作成者の紹介、保証、よくある質問を掲載。ページはプリレンダリングされ、HTMLが最初から完全な状態で届きます。
構成
- Vite上のTanStack Start、React 19、Tailwind 4
- ビルド時のプリレンダリング（JavaScriptに依存しない完全なHTML）
- オファー、質問、テキストを一つのデータファイルに集約
- 変更のたびにGitHub Actionsで自動公開
機能
- 取引の状況別セクション
- 比較表付きの6つのオファー
- よくある質問
- 法的ページ（プライバシー、利用規約）とテンプレート内のLGPD（ブラジル個人情報保護法）への言及
- Google Analyticsによる計測
SEO
- プリレンダリングされたHTML
- 組織、作成者、オファー付き商品、よくある質問の構造化データ
- 独自のサイトマップとrobots
自動化
- GitHub Actionsによるビルドと公開の自動化
成果
- HTMLに完全なコンテンツを持つ販売ページが稼働中
- レイアウトに触れずに更新しやすいオファー構成