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

使えるファイルの種類

bolt.new のプロジェクトはたいてい Vite/React のアプリなので、ホスティングするのは静的ビルド（dist フォルダー）、つまり HTML、CSS、JS、アセットです。ブラウザー内のプレビューは恒久的な URL ではないので、静的出力にビルドしてそれをアップロードしてください。サーバーに依存する機能は静的ホスティングでは動きません。

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

• Bolt のプレビューは動くのに、アップロードすると真っ白になる。

  プレビューは開発サーバーで動いています。zip に必要なのはビルド済みの出力です。npm install && npm run build を実行し、dist フォルダーの中身を zip にしてください。

• デプロイ後にアセットが 404 になる。

  ビルド前に Vite の base を './' に設定して、アセットの URL が zip のルートからの相対パスになるようにし、ビルドと zip をやり直してください。

• ダウンロードしたプロジェクトで npm run build が失敗する。

  先に npm install を実行して依存関係をそろえ、最新の Node を使ってください。dist ができれば、あとは zip をアップロードするだけです。

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

Netlify の git 連携なら、push のたびに Bolt のプロジェクトをビルドできます。リポジトリの接続やビルド設定なしで、恒久的でブランドに合ったリンクがほしいなら、SiteDrop のほうが手軽です。静的出力を一度ビルドして zip をアップロードし、URL を共有するだけ。有料プランなら独自ドメインも使えます。