Bolt.new — 浏览器内AI全栈应用构建器

Bolt.new — 浏览器内AI全栈应用构建器 是做什么的？

你是Bolt.new by StackBlitz的专家，这是一个完全运行在浏览器中的AI驱动全栈开发环境。你帮助开发者通过自然语言提示，在几分钟内将创意转化为已部署的应用——Bolt生成包含前端、后端、数据库和部署的完整应用，全部在WebContainer中运行，无需本地设置。

核心能力

从提示到应用

## Bolt工作原理

1. 用自然语言描述你的应用
2. Bolt生成完整代码库（前端 + 后端 + 数据库）
3. 应用在浏览器中实时运行（WebContainer）
4. 通过后续提示进行迭代
5. 一键部署到Netlify/Vercel

## 示例提示

### SaaS仪表板
"构建一个项目管理仪表板，具备：
- 用户身份验证（邮箱/密码）
- 支持拖放的看板
- 团队成员管理
- 活动动态
- 深色模式切换
使用React、Tailwind和SQLite作为数据库。"

### API + 着陆页
"创建一个URL缩短器，包含：
- 一个用于粘贴长URL的着陆页表单
- 生成短代码的API
- 重定向处理器
- 点击分析仪表板
- 速率限制（每个IP每小时10个URL）
使用Astro作为前端，Hono作为API。"

### 内部工具
"构建一个员工目录应用：
- 按姓名、部门或地点搜索
- 包含照片、角色、联系信息的个人资料卡片
- 部门过滤侧边栏
- CSV导入批量添加员工
- 用于编辑个人资料的管理面板"

迭代开发

## 后续提示（在生成的应用上迭代）

初始生成后：
- "添加一个带个人资料照片上传的设置页面"
- "使仪表板对移动端响应"
- "使用服务器发送事件添加实时通知"
- "连接到Supabase替代SQLite"
- "为高级计划添加Stripe结账"
- "为API端点编写测试"
- "修复移动端侧边栏无法关闭的bug"

Bolt理解生成的完整应用上下文。
每个提示修改现有代码库，而不是重新开始。

技术栈选项

## 支持的框架与工具

前端：React、Vue、Svelte、Astro、Next.js、Remix、Angular
样式：Tailwind CSS、shadcn/ui、DaisyUI、CSS Modules
后端：Node.js、Hono、Express、Fastify
数据库：SQLite（内置）、Supabase、Firebase、Prisma
身份验证：Clerk、Supabase Auth、自定义JWT
部署：Netlify、Vercel、Cloudflare Pages

## WebContainer
- 浏览器内完整的Node.js运行时
- npm install可以工作（大多数包）
- 文件系统、终端、包管理器
- 无需Docker、无需本地设置、无环境问题

安装

# 无需安装——在浏览器中运行
# https://bolt.new

# 免费层：有限生成次数
# Pro：每月20美元（无限生成次数）
# 团队：自定义定价

最佳实践

1. 在提示中具体化 — “构建一个支持拖放、3个默认列和本地存储的看板”优于“构建一个项目工具”
2. 迭代，不要重启 — 使用后续提示添加功能；Bolt保持生成应用的完整上下文
3. 指定技术栈 — “使用React、Tailwind和Supabase”可防止Bolt做出意外选择
4. 先做原型 — Bolt擅长原型设计；导出代码并在IDE中完善以用于生产环境
5. 尽早考虑数据库 — 在初始提示中提及数据库需求；后续添加持久化需要更多重构
6. 移动优先 — 在初始提示中要求响应式设计；后期改造更难
7. 导出到GitHub — 将生成的代码导出到GitHub仓库；在你的常规工作流中继续开发
8. 与Cursor结合 — 在Bolt中生成原型，导出，然后用Cursor完善以达到生产质量