Bolt.new 部署与发布

当你在 Bolt.new 中构建好心仪的应用后，下一步就是将其发布到互联网上，让全世界看到。

#1. 一键部署到 Netlify

这是 Bolt.new 最推荐的发布方式。

1. 点击 Deploy 按钮：在预览界面右上角，你会看到一个明显的 "Deploy" 按钮。
2. 授权 Netlify：如果你还没有账号，系统会引导你登录并授权。
3. 自动构建：Bolt 会自动将代码推送到临时仓库并触发 Netlify 的构建流程。
4. 获取 URL：几分钟后，你会得到一个以 .netlify.app 结尾的公开访问地址。

#2. 导出到本地开发 (Local Development)

如果你想在自己的服务器上部署，或者需要更深入的代码修改：

1. 下载 ZIP：点击右上角的下载图标，获取整个项目的源码。
2. 解压并安装：

   bash复制
   cd your-app-name
   npm install

3. 本地测试：

   bash复制
   npm run dev

#3. 发布到主流托管平台

由于 Bolt 生成的项目是标准的 Node.js/Vite/Next.js 项目，你可以轻松地将其部署到任何平台：

#Vercel (推荐用于 Next.js)

1. 将下载的代码推送到 GitHub。
2. 在 Vercel 仪表板中导入该仓库。
3. 环境变量设置（如 DATABASE_URL）在 Vercel 后台配置。

#GitHub Pages (仅限静态应用)

1. 确保你的 vite.config.ts 中配置了正确的 base 路径。
2. 运行 npm run build。
3. 将 dist 文件夹的内容推送到 gh-pages 分支。

#4. 环境变量配置

如果你的应用涉及 API 密钥（如 OpenAI 密钥、数据库连接串）：

• 在 Bolt 界面中，你可以要求它创建一个 .env.example 文件。
• 注意：不要在 Prompt 中直接输入真实的私密密钥。下载到本地后，再创建 .env 文件并填入真实数据。

#5. 从原型到生产

Bolt.new 非常适合快速原型制作（Prototyping）。对于正式的生产环境，我们建议：

• 进行代码审查：检查 AI 生成的安全逻辑。
• 添加单元测试：让 AI 帮你写初步的测试用例。
• 优化性能：检查是否有大体积的依赖包。

---

结语：Bolt.new 缩短了从想法到上线（Idea to URL）的距离。现在，去发布你的第一个作品吧！