CloudCannon

Page content

提示された情報を整理すると、Cloudflare(特に最新の Workers 統合環境)でWebサイトを運用する際の「ビジュアルエディタ」は、**「どの程度コード(Astro/Next.js等)を自分で管理したいか」**によって最適な選択肢が分かれます。

これまでの情報を統合し、現在の推奨ルートを 3 つのパターンで整理しました。


1. 「Astro / Next.js × Cloudflare」の最強構成

ツール:CloudCannon / Stackbit

コードベース(GitHub管理)を維持しつつ、非エンジニアでも直感的にテキストや画像を打ち替えたい場合に最適です。

  • CloudCannon: Astroとの親和性が極めて高く、公式ドキュメントでも推奨されています。「見たまま編集」の完成度が非常に高いです。

  • Stackbit: 既存のプロジェクトに後付けしやすく、プレビュー画面から直接コンポーネントを編集できる操作感が魅力です。

  • 運用イメージ: 開発者は Git でコードを管理し、運用者はブラウザ上のビジュアルエディタで更新。保存すると自動で Cloudflare にデプロイされます。

2. 「Cloudflare ネイティブ」なモダン構成

ツール:Webstudio / Flare CMS

インフラとしての Cloudflare(Workers / D1 / R2 / Images)の性能を最大限に引き出しつつ、管理画面を持たせたい場合に最適です。

  • Webstudio: デザイン自由度が Webflow 並みに高く、かつ出力先が Cloudflare Workers という、現状で最も Cloudflare に最適化されたノーコードツールです。

  • Flare CMS: データベース(D1)やストレージ(R2)をフル活用した、Cloudflare エコシステム内で完結する軽量 CMS です。

  • 運用イメージ: サーバーレスな構成で、爆速なサイトを構築・運用できます。

3. 「日本語対応・安定運用」の定番構成

ツール:microCMS

複雑なレイアウト変更よりも、「コンテンツ(記事や商品情報)の更新ミスを減らしたい」という実務重視の場合に最適です。

  • 特徴: ビジュアルエディタそのものではありませんが、入力画面の横にプレビューを表示する機能が優秀で、日本国内での導入実績が豊富です。

  • 運用イメージ: Cloudflare Pages/Workers と Webhook で連携し、更新ボタンを押した数分後にサイトが反映される仕組みを構築します。


🎯 結論:どれを選ぶべきか?

あなたの状況 推奨エディタ
Astro や Next.js を使って、見たまま編集を実現したい CloudCannon
ノーコードに近い自由度で、Cloudflare の恩恵を最大化したい Webstudio
コード管理は不要で、とにかく低コスト・高速に作りたい Flare CMS
日本語 UI で、チームメンバーが迷わず更新できるようにしたい microCMS

補足:Cloudflare Pages の統合について

ご指摘の通り、Cloudflare は現在 Pages と Workers の統合を進めており、最新の環境では Cloudflare Workers へのデプロイが標準となっています。今回挙げたツール(特に CloudCannon や Webstudio)は、この新しいデプロイフローにも柔軟に対応可能です。

まずは、「既存の Astro 等のプロジェクトがあるか」、あるいは**「これから全く新規でノーコード寄りに作りたいか」**のどちらに近いでしょうか?それによって、セットアップの手順を絞り込んでお伝えできます。