今夜こそよく眠りたい人のための、Webサイトスターターキット

これからのWebサイトは、シンプルな構成で。

会社やお店のWebサイトに必要な、ページ・お知らせ・ブログ・問い合わせフォームをそろえたスターターキットです。

ご自身の Cloudflare® アカウントで完結します。

管理画面の問い合わせ一覧管理画面の問い合わせ一覧
スターターキットで作るWebサイトの例
AstroAstroとCloudflare Stackで構築

Webサイト運営が、ご自身のCloudflareアカウントで完結

Webサイト、問い合わせフォーム、管理画面、データベースのすべてが、ご自身の Cloudflare アカウントの中で動きます。

Workers

訪問者ページを見る・フォームを送る
Cloudflare WAF任意設定したルールでリクエストを制限
WebサイトAstro で生成した静的ファイル
問い合わせフォーム APIHono · Turnstile · レート制限
管理画面Hono · Passkey でログイン
D1問い合わせを保存
管理者問い合わせを確認
Cloudflare Access任意管理画面に二段目のログインを追加
Workers Buildsビルドとデプロイ
GitHubファイルと履歴を管理

問い合わせの内容は Cloudflare の外に出ず、Slack 通知を使う場合も、送るのはサイト名、ページ、日時、管理画面へのリンクを載せた新着の通知だけです。管理画面のログインは Passkey のみに対応し、Cloudflare Access も追加できます。

※ goodnight-web は Webサイト運営の SaaS ではありません。セルフホスティング用のスターターキットと、構築手順のドキュメントを公開しています。

コンテンツは静的なファイルで管理

ページ、お知らせ、ブログは、Markdown などの静的なファイルです。GitHub で管理し、Astro を使ってビルドします。

※ AI ツール向けのガイドとして、AGENTS.md も入っています。

外部フォームサービスに依存しない個人情報管理

問い合わせフォームは実装済みです。届いた内容は、ご自身の Cloudflare アカウント内の D1 データベースに保存され、管理画面で確認できます。

ゼロからつくらずにはじめられる

ページ、問い合わせフォーム、管理画面、データベースが最初からそろったスターターキットです。

Deploy to Cloudflare

管理画面で、問い合わせとフォームを管理

  • 既読・未読、スパム疑いの別表示、メールアドレス検索、CSV 書き出しといった、問い合わせ対応の基本機能を備えています
  • フォームの項目は、コードを変えずに編集できます
管理画面の問い合わせ詳細管理画面の問い合わせ詳細

ご自身のCloudflareアカウントで始める

Deploy to Cloudflare ボタンから、すぐに用意できます。手順はドキュメントにまとめています。