スイーツ店公式サイト（サンプル）
デイトラの学習用教材サイトを題材に、Astroで構築した練習制作です。
焼き菓子とオーダーケーキを扱うスイーツ店の公式サイトという設定で、初めて来店を検討する方が知りたいことにすぐたどり着けるよう、ページの構成を考えました。お店の世界観を伝えるファーストビューと、スマートフォンからでも迷わず読める商品紹介を意識しています。
技術構成
- フロントエンド：Astro
- CMS：microCMS
- フォーム：SSGform / Cloudflare Turnstile
- ホスティング：Cloudflare Pages
お知らせはmicroCMSから更新でき、公開ボタンを押すとWebhookで再ビルドが走り、自動でサイトへ反映されます。あらかじめHTMLを書き出しておく静的サイト構成のため、写真の多いページでも表示が軽く、運用の手間もかかりません。お問い合わせはSSGformで受け取り、Cloudflare Turnstileでスパム送信を遮断しています。