なぜ Astro + Sanity なのか
コーポレートサイトに求められるのは「速さ」「SEO」「更新のしやすさ」の3つです。Astro は静的生成(SSG)で Core Web Vitals が優秀、Sanity はノーコードで編集できる管理画面を提供します。この2つを組み合わせることで、制作側も運用側も幸せになれる構成が実現できます。
プロジェクト構成
Astro プロジェクトのルートに Sanity Studio を同梱する構成を採用しています。これにより Git 管理が一元化でき、Vercel + Sanity の Webhook でコンテンツ更新時に自動デプロイが走ります。
Sanity スキーマ設計のコツ
スキーマは「クライアントが何を編集するか」を起点に設計します。よくあるミスは開発者目線でフィールドを増やしすぎること。実際にクライアントが更新するのはテキストと画像がほとんどなので、シンプルに保つのが正解です。
Vercel へのデプロイと Webhook 設定
Sanity の管理画面から記事を公開すると Webhook が発火し、Vercel が自動でビルド・デプロイを実行します。クライアントは「公開ボタンを押すとサイトに反映される」という体験になり、制作会社に連絡する手間がなくなります。
まとめ
Astro + Sanity + Vercel の構成は、中小企業のコーポレートサイトに最適なスタックだと考えています。初期構築コストは Next.js より低く、パフォーマンスは申し分なし。クライアントの自走を促したい案件にぜひ使ってみてください。