何を解決するものか
ゲームの攻略情報サイトは広告が重く、スマホで開くと読み込みが遅いものが多い。必要な情報だけを最速で表示することを目的に作った攻略メディアです。
担当範囲
設計・実装・コンテンツ設計・デプロイ。
技術的に難しかった点と、どう解いたか
1. 「速さ」を仕組みで担保する
攻略記事は更新頻度が高くない一方、閲覧はスマホの回線が中心です。Astro の静的生成でJSをほぼゼロにする構成を選び、ビルド時にHTMLを吐き切る形にしました。カテゴリ別ページと記事ページはすべて静的生成しています。
2. 記事の書き味と管理のしやすさを両立する
記事を Markdown で書くとGitで差分管理できて楽ですが、外出先からスマホで直したいときには不便です。そこで Content Collections（Markdown）と Notion API の二系統を用意し、状況に応じて使い分けられるようにしました。スキーマは Content Collections 側で型付けしているため、frontmatter の書き間違いはビルド時に落ちます。
3. 検索から入ってもらう
攻略サイトは指名検索されません。@astrojs/sitemap を入れ、カテゴリ構造をURLに素直に反映（/category/[category], /tips/[slug]）して、検索エンジンが構造を理解しやすい形にしています。
学んだこと / 次にやること
コンテンツ主体のサイトに重いフレームワークは要らないというのが結論でした。このサイト自身も同じ考えで Astro で作っています。