静的サイトから最新ヘッドレス CMS へ ― FocusSound リニューアル

プロジェクト概要

自社運営メディア FocusSound のデザイン刷新とサイト基盤再構築。従来の GitHub Pages による静的サイト運用から、「Strapi + Cloudflare Pages」を中心とした最新構成へ移行。

実施内容

CMS・データ移行

• microCMS から Strapi への完全移行
• コンテンツリレーション設定と管理画面再設計

フロントエンド技術

• Astro によるフロント構築
• TailwindCSS + DaisyUI による UI 最適化
• レスポンシブ・構造化データ対応

インフラストラクチャ

• Cloudflare Pages（フロント配信）
• 自社 NAS コンテナ運用（Strapi・DB ホスティング）
• Cloudflare CDN・R2（ストレージ・キャッシュ最適化）

自動化機能

• Google Gemini API による紹介文自動生成
• Discord Bot による運用通知

機能実装

• Apple Music・Spotify・Amazon Music プレイヤー埋め込み
• reCAPTCHA 対応問い合わせフォーム
• アフィリエイト・Cookie 同意バナー対応