このサイトについて 掲載内容はMUKU CMSの機能確認用サンプルです。実在する店舗・企業・サービスの情報ではありません。
コンテンツ表示サンプル
CMSで管理するコンテンツ
それぞれのページは、CMSのプリセットコレクションからビルド時に取得しています。
ビルド時のコンテンツ取得
CMS更新と静的配信を両立
管理画面で編集しやすく、公開サイトでは速度と安全性を保つ構成です。APIキーを公開しない
CMSへのアクセスはAstroのビルド時だけ行い、ブラウザへAPIキーを渡しません。
静的HTMLとして配信
取得したコンテンツは静的ページになり、Cloudflare Pagesから高速に配信されます。
公開済みだけを取得
下書きや削除済みデータを除外し、公開対象のコンテンツだけを表示します。
再利用できるスキーマ
案件で再利用できるプリセット
サイトごとにゼロから設計せず、必要なコレクションを選んで利用できます。単一コンテンツ
トップの見出しなど、1件を更新し続ける情報に対応します。
一覧と詳細ページ
記事や商品は一覧と詳細を自動生成し、コンテンツIDで安全に参照します。
画像とリッチテキスト
CMS画像と装飾済み本文を、用途に合うレイアウトで表示します。
コンテンツ公開の流れ
CMSで編集
管理画面から文章、画像、公開状態を更新します。
更新を実行
CMSからGitHub Actionsの再ビルドを開始します。
Astroで生成
公開APIから最新データを取得し、全ページを静的生成します。
Cloudflare Pagesへ公開
検証に成功した成果物だけを本番サイトへ反映します。
CMSから取得した最新ブログ
ブログ一覧を見る »このセクションも固定データではなく、MUKU CMSの公開APIから取得した記事を表示しています。
