v0 で作ったサイトをホスティングする方法

使えるファイルの種類

v0 は React（多くは Next.js）のコンポーネントを生成します。自分でホスティングするには静的ビルド、つまり Next の静的書き出し（out フォルダー）か Vite の dist を作ります。中身は素の HTML/CSS/JS なので、そのままアップロードできます。サーバーが必要な Next の機能（SSR、API ルート、サーバーアクション）は静的ホスティングでは動きませんが、マーケティングサイトやポートフォリオの書き出しなら問題ありません。

うまくいかないときと直し方

• アップロードすると 404 か真っ白になる。

  ソースかサーバー用のビルドをアップロードした可能性があります。Next なら output: 'export' を設定してビルドし、out/ フォルダーを作ってから、その中身を index.html が最上位に来るように zip にしてください。

• next/image やフォントが読み込まれない。

  next/image の最適化機能にはサーバーが必要です。静的書き出しでは最適化しない画像（または素の <img>）を使い、フォントは自分でホスティングして、ビルドサーバーに頼るものがないようにしてください。

• API ルートやサーバーアクションが応答しない。

  それらには Node のサーバーが必要です。動的な部分は Next が動くプラットフォームに残し、静的なマーケティングページはここで公開してください。

SiteDrop と、Netlify をそのまま使う場合の比較

Netlify（Vercel と同様）は Next のビルドをサーバー側で実行できます。v0 の出力が静的サイトなら、そんな仕組みは不要です。SiteDrop は書き出した out フォルダーを zip のままホスティングし、フレームワークのプリセット設定もリポジトリの接続もなしで、1 分で自分の URL を発行します。