Astro Haze

検証レポート

このテンプレートについて

再利用できるガラス調のUIを軸にした、多目的テーマ。オーロラ状の背景に、カード・ボタン・バッジ・セクションが同じ見た目の体系で載ります。1つのスターターに3種類のサイトが入っていて、ページ送り・タグ・目次・読了時間・前後リンクを備えたブログ、技術タグで絞り込めるポートフォリオと事例ページ、そしてヒーロー・特徴・料金・ギャラリー・お客様の声・FAQ・末尾のCTAまで設定ファイルから組み立てるランディングページを使えます。土台は Astro 7 の Content Layer で、フロントマターは Zod で検証し、Markdown と MDX の両方で書けます。検索はビルド時に Pagefind で索引を作り、ヘッダーのボタンか Cmd+K でガラス調のモーダルが開きます。ライト・ダークは閲覧者の設定に従い、起動時のちらつきがありません。prefers-reduced-motion と prefers-reduced-transparency を尊重し、画像は astro:assets 経由で AVIF・WebP をレスポンシブな srcset で配信します。正規URL、OGP、Twitterカード、JSON-LD、RSSフィード、XMLサイトマップは標準で入っています。クライアント側のJavaScriptは最小限で、そのまま GitHub Pages や Cloudflare Pages に静的サイトとして置けます。