Restaurant Demo

旬の素材で、心地よい食事時間を

お知らせ、お品書き、ブログをMUKU CMSで管理し、Astroで静的ページとして配信する飲食店向けデモサイトです。 プリセットのフィールド構成に沿って、一覧・詳細ページを確認できます。

サンプルレストランのキービジュアル
このサイトについて 掲載内容はMUKU CMSの機能確認用サンプルです。実在する店舗の情報ではありません。

コンテンツ表示サンプル

CMSで管理するコンテンツ

飲食店向けプリセットをもとに、用途別の一覧・詳細ページを構築しています。

お知らせ

カテゴリ付きの一般的なお知らせ一覧。日付と区分で最新情報を確認できます。

お品書き

飲食店向けメニュー。カテゴリ別表示、価格、ラベル、売り切れ状態に対応しています。

ブログ

アイキャッチとタグ付きの一般的なブログ。最新記事を大きく見せる一覧です。

よくある質問

質問と回答を表示順で管理するFAQコンテンツです。

スタッフ

写真、肩書、プロフィールを持つ人物紹介の表示例です。

実績・事例

カテゴリ、年、概要、詳細本文を持つ導入事例の表示例です。

ビルド時のコンテンツ取得

CMS更新と静的配信を両立

管理画面で編集しやすく、公開サイトでは速度と安全性を保つ構成です。

APIキーを公開しない

CMSへのアクセスはAstroのビルド時だけ行い、ブラウザへAPIキーを渡しません。

静的HTMLとして配信

取得したコンテンツは静的ページになり、Cloudflare Pagesから高速に配信されます。

公開済みだけを取得

下書きや削除済みデータを除外し、公開対象のコンテンツだけを表示します。

再利用できるスキーマ

案件で再利用できるプリセット

サイトごとにゼロから設計せず、必要なコレクションを選んで利用できます。

単一コンテンツ

トップの見出しなど、1件を更新し続ける情報に対応します。

一覧と詳細ページ

記事や商品は一覧と詳細を自動生成し、コンテンツIDで安全に参照します。

画像とリッチテキスト

CMS画像と装飾済み本文を、用途に合うレイアウトで表示します。

コンテンツ公開の流れ

CMSで編集

管理画面から文章、画像、公開状態を更新します。

更新を実行

CMSからGitHub Actionsの再ビルドを開始します。

Astroで生成

公開APIから最新データを取得し、全ページを静的生成します。

Cloudflare Pagesへ公開

検証に成功した成果物だけを本番サイトへ反映します。

CMSから公開までのワークフロー

お品書きとお知らせをチェック

飲食店向けメニュー表示、一般的なお知らせ・ブログの画面構成を、このデモサイトで確認できます。