サンプル
zfb を実際にデプロイ可能なプロジェクトで示す、Cloudflare Workers・Cloudflare Pages のスタンドアロンなサンプルリポジトリの一覧。
zfb には、スタンドアロンなサンプルリポジトリ一式が付属しています。それぞれが 小さくデプロイ可能なプロジェクトで、単一の Cloudflare レシピを端から端まで示します。 各リポジトリは独立して pnpm install でき、ローカルでの実行手順と Cloudflare の プロビジョニングコマンドを記した独自の README を備えています — スニペットを断片的に コピーするのではなく、いずれか 1 つをクローンして全体が組み上がった様子を確認して ください。
デモ URL は初回デプロイ後に有効になる
以下の各 Worker のデモ URL は、そのリポジトリの Cloudflare シークレットが設定され、 少なくとも一度デプロイされると解決するようになります。それまでは一部のリンクが 404 になることがあります — 現在のデプロイ状況はリポジトリの README を確認して ください。
Cloudflare Workers (Static Assets) — 7
これらは Cloudflare Worker with Static Assets としてデプロイされます。 SSR と Cloudflare バインディング で扱っている パターンです。
| Example | Demo | What it shows |
|---|---|---|
| ai-summarizer | Demo | Preact island UI + a Workers AI–backed / route, with a deterministic local fallback when the AI binding is absent. |
| json-api | Demo | SSR/API starter: / (filter + paginate) and / (lazy MiniSearch index), consumed by one island. |
| kv-guestbook | Demo | Workers KV guestbook: a prerender = false no-JS form + JSON API + admin delete, backed by a KV namespace. |
| password-gate | Demo | Static preview site behind a hand-written Worker password gate (run_worker_first = true). |
| reverse-proxy | Demo | Catch-all SSR reverse proxy (/ → PROXY_ORIGIN) with hop-by-hop / cookie / security-header hygiene. |
| workers-cache | Demo | SSR Workers Cache recipe: explicit cache headers + Cache-Tag + a token-protected purge route (ctx.cache.purge()). |
| webshop | Demo | SSR shop on Cloudflare (migrated Pages → Workers Static Assets) + D1 (per-preview databases, migrations in CI). |
Cloudflare Pages — 2
これらは Cloudflare Pages に静的サイトとしてデプロイされ、現在稼働中です。
| Example | Demo | What it shows |
|---|---|---|
| blog | Demo | Tailwind blog with content collections, pagination, tags, and a hydrated theme-toggle island. |
| corporate-website | Demo | Static corporate site using CSS Modules. |
Revision History
作成更新