Bolt.new 简介

Bolt.new 是 StackBlitz 推出的 AI 全栈开发工具，可以在浏览器中快速构建、运行和部署完整的 Web 应用。无需本地环境配置，一切都在云端完成。

#为什么使用 Bolt.new？

#1. 零配置开发环境

一切都在浏览器中运行：

• 无需安装 Node.js
• 无需配置数据库
• 无需设置部署环境
• 即开即用

#2. AI 驱动的全栈开发

从描述到完整应用：

• 前端界面
• 后端 API
• 数据库集成
• 一键部署

#3. 实时预览

开发过程中实时查看效果：

• 代码修改即时生效
• 完整的浏览器环境
• 支持多种框架

#支持的技术栈

#快速开始

#1. 访问 Bolt.new

1. 打开 bolt.new↗
2. 登录账号（可用 GitHub）
3. 开始描述你的应用

#2. 描述应用

markdown复制
创建一个待办事项应用：
- 用户可以添加、删除、标记完成任务
- 任务持久化存储到数据库
- 支持按状态筛选
- 使用 Next.js + Tailwind CSS
- 简洁现代的 UI 设计

#3. 迭代开发

markdown复制
> 添加用户认证功能
> 添加任务分类标签
> 添加截止日期提醒

#核心功能

#完整项目生成

Bolt 生成的是完整可运行的项目：

my-todo-app/
├── app/
│   ├── page.tsx
│   ├── layout.tsx
│   └── api/
│       └── tasks/
├── components/
│   ├── TaskList.tsx
│   └── TaskForm.tsx
├── lib/
│   └── db.ts
├── prisma/
│   └── schema.prisma
└── package.json

#实时编辑

可以直接修改生成的代码：

• 语法高亮编辑器
• 自动补全
• 错误提示
• 实时预览

#一键部署

完成开发后：

1. 点击 "Deploy"
2. 自动部署到 StackBlitz 托管
3. 获得公开 URL

#示例应用

#博客系统

markdown复制
创建一个 Markdown 博客系统：
- 文章列表页和详情页
- Markdown 渲染
- 代码语法高亮
- 响应式设计
- SEO 优化

#仪表盘

markdown复制
创建一个数据仪表盘：
- 显示关键指标卡片
- 折线图和柱状图
- 数据表格（支持排序、筛选）
- 深色/浅色主题切换

#API 服务

markdown复制
创建一个 REST API 服务：
- 用户 CRUD 接口
- JWT 认证
- 请求验证
- 错误处理
- API 文档（Swagger）

#最佳实践

#1. 明确技术要求

markdown复制
技术要求：
- 框架：Next.js 14 App Router
- UI：shadcn/ui + Tailwind CSS
- 数据库：SQLite + Prisma
- 认证：NextAuth.js

#2. 分模块构建

复杂应用分步骤构建：

markdown复制
第一步：> 创建基础布局和导航
第二步：> 添加用户认证系统
第三步：> 实现核心业务功能
第四步：> 添加数据可视化

#3. 提供参考

markdown复制
参考 Notion 的风格，创建一个笔记应用

#Bolt vs v0 vs Cursor

#定价

#常见问题

#生成的代码可以导出吗？

可以，支持：

• 下载为 ZIP
• 连接 GitHub 仓库
• 本地继续开发

#支持哪些数据库？

主要支持 SQLite（通过 Prisma/Drizzle），适合原型和小型应用。生产环境可导出后接入其他数据库。

#可以部署到其他平台吗？

可以，导出代码后可部署到：

• Vercel
• Netlify
• Railway
• 自有服务器

#下一步

• 第一个应用 - 创建你的第一个应用
• 部署发布 - 学习部署流程

---

提示：Bolt.new 特别适合快速验证想法，完成后可导出代码继续深度开发。