React・Vue・Svelte のプロジェクトを、どこでもホストできる静的ファイルに変換
React → HTML/CSS/JSクリックまたはドラッグしてZIPファイルをアップロード
Vite、CRA、Astro、Vue、Svelte — package.json があれば対応
登録不要。コードはブラウザの外に出ません。
package.json があり、ビルド結果が dist/ か build/ に出るプロジェクトなら対応します。
エクスポート元
使用技術
Google AI Studio、Claude Code、CursorなどのAIコーディングツールからZIPファイルをエクスポートし、ここにドロップします。
WebContainersがnpm installとビルドをローカルで実行。コードがデバイスの外に出ることはありません。
Cloudflare Pages、Vercel、Netlifyに無料でホストできる純粋なHTML/CSS/JSファイルを取得できます。
npm installと本番ビルドは、あなたのマシン上のWebContainer内で実行されます。アップロード先のサーバーが存在せず、それが無料である理由でもあります。
これから公開するファイルに15項目の検査：バンドルに焼き込まれたAPIキー、まだlocalhostを指しているリクエスト、欠けたtitle。静的ホスティングの背後にサーバーはなく、公開後に直してくれるものはありません。
全項目はこちらReactプロジェクトをZIPファイルとしてアップロードし、「ビルド開始」をクリックするだけです。React2Staticはブラウザ内で実際のビルドプロセス（npm install + build）を実行し、どこにでもホストできる静的HTML/CSS/JSファイルを出力します。
はい。React2StaticはGoogle AI Studioのエクスポート向けに設計されており、Claude Code、Cursor、CodexなどのAIコーディングツールで生成されたReactプロジェクトにも対応しています。package.jsonを含むViteベースのReactプロジェクトであれば動作します。
完全なログに加えて、平易な言葉の診断が出ます。既知の原因のどれに該当し、何を変えればよいか。最も多いのは、package.jsonに書かれていないパッケージをコードがimportしているケースです。どれにも該当しない場合は、推測せずそう伝えます。誤った診断は、診断がないことより悪いからです。
いいえ。ビルド全体がWebContainers技術によりブラウザ内でローカルに実行されます。コードがデバイスの外に出ることはありません。
Netlifyへならできます。ご自身のNetlifyアカウントを認可すると、ファイルはブラウザから直接そこへ送られます。間に私たちのサーバーはありません。ZIPをダウンロードして、Cloudflare PagesやVercelなど好きな場所に上げることもできます。
静的ファイルを配信できる場所ならどこでも可能です：Cloudflare Pages、Vercel、Netlify、GitHub Pagesなど、いずれも十分な無料枠があります。下のデプロイガイドで手順を確認できます。
静的ファイルを無料で公開し、独自ドメインをつなぐまでの手順を解説します。