Repolode
投稿する
webstudio-is

webstudio-is/webstudio

ヘッドレスCMSと連携し、セルフホストも可能なオープンソースのビジュアルWebサイトビルダー。Webflowの代替として位置づけられています。

代替できる製品:Webflow

GitHub で見る公式サイト
スター
9,149
フォーク
1,640
未解決の Issue
345
最終コミット
14 時間前

これは何？

Webstudioは、ブラウザー上でWebサイトを構築できるビジュアル開発プラットフォームです。デザイナーや開発者はページを視覚的にレイアウトでき、プロジェクトによると、すべてのCSSプロパティに対応し、あらゆるヘッドレスCMSと連携してコンテンツを扱えます。

データとインフラを自分で管理できることを重視しており、ホスティング版を利用することも、自分でインスタンスをデプロイすることもできます。READMEには、Cloudflareを含む任意の環境でホストできると記載されています。コアコードはAGPL-3.0でライセンスされていますが、オプションのアニメーションSDKパッケージはプロプライエタリで、別途EULAが適用されます。

コードベースはTypeScriptで書かれ、RemixとRadix UIを使って構築されています。また、トピックにはCloudflare Workersが含まれており、エッジへのデプロイを想定したWeb標準ベースの技術スタックであることがうかがえます。

主な機能

  • 01すべてのCSSプロパティに対応したビジュアルページ構築。
  • 02あらゆるヘッドレスCMSをコンテンツソースとして連携可能。
  • 03セルフホスト、またはホスティングサービスを利用可能。
  • 04Cloudflare Workersをはじめ、さまざまなホスティング環境にデプロイ可能。
  • 05TypeScript、Remix、Radix UIを使用して構築。

ユースケース

  • ベンダーロックインを避けつつ、Webflowのようなビジュアルビルダーを使いたいチーム。
  • ヘッドレスCMSにコンテンツを保存し、ビジュアルなフロントエンドを必要とするサイト。
  • サイトのデータとホスティングを自社インフラ上で管理する必要がある組織。

クイックスタート

  1. 1

    ドキュメントでセルフホスティングと開発環境のセットアップ方法を確認してください

使う前に知っておきたいこと

  • ネットワーク経由での利用に関する義務があるコピーレフトライセンス、AGPL-3.0の下でライセンスされています。
  • オプションのsdk-components-animationパッケージはプロプライエタリで、EULAへの同意が必要です。

収録されている特集

セルフホスト型アプリ

トピック

#website-builder#visual-builder#low-code#headless-cms#react#cloudflare-workers#self-hosted#accessibility#alternative#cloudflare

よくある質問

webstudio とは？
ヘッドレスCMSと連携し、セルフホストも可能なオープンソースのビジュアルWebサイトビルダー。Webflowの代替として位置づけられています。 Webstudioは、ブラウザー上でWebサイトを構築できるビジュアル開発プラットフォームです。デザイナーや開発者はページを視覚的にレイアウトでき、プロジェクトによると、すべてのCSSプロパティに対応し、あらゆるヘッドレスCMSと連携してコンテンツを扱えます。
webstudio は無料で使えますか？ライセンスは？
webstudio は AGPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
webstudio は今もメンテナンスされていますか？
活発にメンテナンス中。webstudio の最終コミットは 2026年11月6日 です。
webstudio は何に使えますか？
ベンダーロックインを避けつつ、Webflowのようなビジュアルビルダーを使いたいチーム。 ヘッドレスCMSにコンテンツを保存し、ビジュアルなフロントエンドを必要とするサイト。 サイトのデータとホスティングを自社インフラ上で管理する必要がある組織。
webstudio のインストール方法は？
ドキュメントでセルフホスティングと開発環境のセットアップ方法を確認してください
webstudio はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/webstudio-is/webstudio

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト