Dashboard
How it Works Documentation Quick Start PAPI — Pages & Assets MAPI — Dynamic Data Integrations SAPI — Sessions & Forms MCP Server OpenClaw Skill Tools Deploy Dashboard
⚛️ WebsitePublisher.aiでサポートされるようになりました

作成 React ページアプリダッシュボードポートフォリオサイトストア
会話と一緒に

JSXコンポーネントをアップロードし、ライブデータを取得し、デプロイする—すべてあなたのAIアシスタント経由で。ビルドパイプラインなし。ホスティング設定なし。

始めましょう ライブで確認 ↓

ライブデモ — このReactコンポーネントは今WebsitePublisherで実行されています

websitepublisher.ai/react

ProductCard.jsx

function ProductCard({ product }) {
  const [likes, setLikes] = useState(0);

  return (
    <div className="card">
      <div className="badge">
        {product.tag}
      </div>
      <h3>{product.name}</h3>
      <p>{product.desc}</p>
      <div className="price">
        €{product.price}<span>/mo</span>
      </div>
      <button onClick={() =>
        setLikes(l => l + 1)}
      >
        ❤️ {likes}
      </button>
    </div>
  );
}

3つのステップ。それだけです。

Webpackなし。Vercelなし。CI/CDパイプラインなし。

1

ChatGPT を開く

リンクをクリックしてChatGPTでWebsitePublisherを開きます。セットアップも、インストールも不要です。サインインしてビルドを開始してください。

ChatGPT ChatGPTで開く →
STEP 1bあなたのAIは接続されていますか?

WebsitePublisherに実際に接続されているかどうか確認してください — 不確かですか?AIに確認するよう依頼するか、 各々がどのようにつながっているかを見る →

2

ページについて説明する

AIに次のように指示してください:「私のSaaS向けのReactランディングページを作成してください。料金表とお問い合わせフォームを含めてください。」

3

ライブです

あなたのReactページは即座に公開されます。カスタムドメインを追加したり、インテグレーションを接続したり、反復処理を行ったり — すべて会話を通じて実行できます。

あなたが得られるもの

あなたのReactフロントエンドの背後にある完全なスタック — データ、統合、認証、ホスティング — 不要なものは何もありません

⚛️

JSX / TSX / TypeScript アセット

React コンポーネントをプレーンテキストでアップロード content_text. base64エンコーディングなし、ビルドステップなし。正しいMIMEタイプでCDNから配信されます。

🗃️

Live Data via MAPI

商品、チームメンバー、ブログ記事を構造化されたエンティティとして保存します。パブリック API からクライアント側でフェッチします。コードに触れずにデータを更新します。

📦

122 統合

Stripe payments、Resend email、Twilio SMS、lead capture — すべて会話を通じて利用可能。あなたのAIが接続してくれます。

🖱️

ビジュアルエディタ

チームの開発者以外のメンバーは、ブラウザで直接画像とコンテンツを更新できます。簡単な編集にはAIとの会話は不要です。

🤖

9以上のAIプラットフォーム

ChatGPT, Claude, Mistral, Cursor, Devin Desktop, GitHub Copilot, Microsoft Copilot Studio, Gemini, Grok — use whichever AI you prefer. They all connect to the same platform.

🔒

バージョン管理機能を搭載

すべての変更はバージョン管理されています。任意のページまたはアセットを以前のバージョンに即座にロールバックできます。Gitは不要です。

何かを作る準備はできていますか?

あなたのAIを開いて、Reactページを説明すれば、ライブで動作します。

ChatGPTで開く セットアップガイド