SiteDrop と v0

SiteDrop と v0

v0(Vercel 製)は、プロンプトから React と Next.js の UI とページを生成します。

v0 はプロンプトから React/Next.js の UI を生成するのがとても得意です。それを自分の URL で公開されたサイトにするには、静的ビルドを書き出してホスティングする必要があり、それをいとも簡単にするのが SiteDrop です。正直な比較としては、UI の生成は v0、完成した成果物をデプロイの仕組みなしで公開するのは SiteDrop、という分担です。

無料でサイトを公開 →

SiteDrop と v0 を並べて比較

SiteDropv0
主な役割完成したサイトを自分のリンクで公開・ホスティングする。プロンプトから React / Next.js のコンポーネントとページを生成する。
出発点完成したサイトのファイルがある。プロンプトから始め、生成されたコンポーネントを磨き上げる。
URL の所有zip をアップロード → 恒久的なリンク+独自ドメイン。Vercel にデプロイするか、静的ビルドを書き出して自分でホスティング。
必要なスキル不要。React/Next と、ビルドや書き出しの工程への慣れ。
公開後の編集ビジュアルエディター、または再アップロード。コードを編集するか生成し直して、再デプロイ。
動的な機能静的ホスティング+標準のフォーム受け付け。Node のホストにデプロイすれば Next.js のサーバー機能。

どちらを使うべき?

SiteDrop が向いているのは

  • v0 の静的書き出しがあり、今すぐ自分のリンクで公開したい。
  • フレームワークのプリセット設定やリポジトリの接続より、zip をアップロードしたい。
  • ビルドの仕組みなしで、独自ドメインとフォームの受け付けがほしい。

v0 が向いているのは

  • UI そのものを生成して磨き上げたい。
  • Next.js のサーバー機能(SSR、API ルート)が必要なサイトだ。
  • すでに Vercel にデプロイしていて、その流れを続けたい。

SiteDrop と v0 — よくある質問

SiteDrop は v0 の代わりになりますか?

両者は補い合う関係です。v0 が UI を生成し、SiteDrop が完成した静的サイトを公開・ホスティングします。目的が「デプロイの仕組みなしで自分の URL に公開すること」なら SiteDrop のほうが簡単で、UI そのものの生成は v0 の役割です。

v0 のプロジェクトを SiteDrop でホスティングするには?

静的ビルド(Next の静的書き出しなら out フォルダー、または Vite の dist)を作り、その中身を index.html が最上位に来るように zip にしてアップロードしてください。サーバー専用の Next の機能は静的ホスティングでは動きませんが、マーケティングサイトやポートフォリオの書き出しなら問題ありません。v0 のホスティングガイドもご覧ください。

v0 で作ったものをホスティングするには Vercel を使う必要がありますか?

いいえ。Vercel は選択肢の 1 つです(Next のサーバー機能を使うなら最適です)。静的サイトなら書き出してどこでもホスティングできます。SiteDrop は書き出したフォルダーを zip で受け取り、1 分で自分のリンクを発行します。

サイトを公開する準備はできましたか?

.zip をアップロードすれば、1 分以内に共有できる公開リンクが手に入ります。7 日間の無料プレビュー付き、カードは不要です。

今すぐ公開する →