Boltをインポート

Bolt.newプロジェクトをZeaburを使用してウェブにデプロイする方法

このガイドは、Bolt.newで生成されたコードを取得し、友達や顧客と共有できる実際のライブウェブサイトに変換する最も簡単な方法です。

Bolt.newはアプリのデザインと機能を作成するのに素晴らしいですが、オンラインに置くには「ホスティング」が必要です。技術的なヘビーリフティングをあなたのために処理するため、Zeaburを強くお勧めします。あなたのコードを取得し、わずか数クリックでライブURLに置きます。

ワークフロー：

📝 重要な注意：このガイドはあなたのウェブサイトをオンラインに置くことに焦点を当てています（フロントエンド）。あなたのアプリがユーザーデータやログインを保存する必要があれば、それはデータベースが必要です。別のフォローアップチュートリアルでデータベースの追加方法についてカバーします！

このプランは、愛するAIアシスタンスを保持しながら、「ノーコード」環境から「プロコード」環境に移行します。

デプロイする前に、Boltサンドボックスからバージョンコントロールシステムにコードを移動する必要があります。

デプロイメントパネルを開く： Bolt.newプロジェクト内で、右上のヘッダーのDeployまたはPublishボタンを探し、その後GitHubボタンをクリックします。
GitHubに接続：
- **「GitHubに接続」**を選択。
- 要求された場合、GitHubアカウントにアクセスするようBoltを認可します。
リポジトリを作成：
- モーダルで、リポジトリ名を入力（例：my-bolt-app）。
- 可視性を選択（公開または非公開）。
- リポジトリを作成をクリック。
確認： 確認メッセージを待ちます。GitHubプロフィールにアクセスしてリポジトリが作成され、コードが入力されていることを確認します。

コードがGitHubにあるので、ローカルに設定して依存関係を確認し、プロダクション調整を行います。

リポジトリをクローン： Cursorを開き、コマンドパレット（Cmd+Shift+PまたはCtrl+Shift+P）を開き、> Git: Cloneと入力。新しいリポジトリのURLを貼り付けます。

または、ターミナルから:
```
git clone <https://github.com/your-username/your-repo-name.git>
cd your-repo-name
```
依存関係をインストール： Boltプロジェクトは通常、パッケージマネージャーを自動的に検出します。ロックファイル（pnpm-lock.yaml、package-lock.json、またはyarn.lock）を確認します。
```
# npmを使用している場合
npm install
# pnpmを使用している場合（Boltで一般的）
pnpm install
```
環境設定：
- .env.exampleファイルを探し（存在する場合）、複製して.envファイルを作成します。
- 重要： BoltアプリがAPIキー（OpenAI、Supabaseなど）を使用した場合、これらのキーをローカルの.envファイルに手動で追加する必要があります。Boltはセキュリティ上の理由から、秘密情報をGitHubにエクスポートしません。
ローカルテスト： Boltサンドボックス外でアプリが機能することを確認するために、開発サーバーを実行します。
```
npm run dev
```