Bolt.new — 全栈 AI 开发平台¶

Bolt.new 完全在浏览器中运行，不需要安装任何东西！

唯一需要的：
- 现代浏览器（Chrome、Edge、Firefox）
- 网络连接
- Bolt.new 账号（可用 GitHub/Google 登录）

1. 打开 https://bolt.new
2. 用 GitHub 或 Google 账号登录
3. 在输入框中描述你想做的东西
4. 等 AI 生成代码
5. 实时预览效果
6. 满意后一键部署

就这么简单！不需要装任何东西！

# 示例提示词（直接在 Bolt.new 输入框输入）：

# 做一个个人博客网站
"帮我做一个个人博客网站，有首页、文章列表、文章详情页，
用 Next.js + Tailwind CSS，深色主题"

# 做一个待办事项应用
"做一个待办事项管理应用，支持添加、完成、删除任务，
数据保存在浏览器本地，界面要好看"

# 做一个数据仪表板
"做一个数据分析仪表板，包含折线图、柱状图、饼图，
用模拟数据，支持日期筛选"

生成第一版后，你可以继续对话来修改：

"把导航栏改成固定在顶部"
"把背景色改成深蓝色"
"加一个搜索功能"
"把按钮的样式改成圆角"
"在首页加一个轮播图"

每次修改后都能实时看到效果，不满意就继续改

如果你有设计稿：
1. 在 Figma 中复制 Frame 链接
2. 粘贴到 Bolt.new 对话框
3. Bolt.new 会自动把设计稿变成代码
4. 每月免费 3 次 Figma 导入

Bolt.new 内置 Supabase 集成：

1. 在对话中说："给这个项目加一个 Supabase 数据库"
2. Bolt.new 会自动：
   - 创建 Supabase 项目
   - 设计数据表结构
   - 生成 CRUD 接口
   - 连接前后端

示例：
"做一个用户管理系统，用 Supabase 做后端，
包含注册、登录、个人信息编辑功能"

"给这个网站加一个付费订阅功能，用 Stripe"

Bolt.new 会生成：
- 定价页面
- Stripe 结账流程
- 支付回调处理
- 订阅管理页面

"给首页生成一张科技感的 Banner 图片"

Bolt.new 可以直接生成图片：
- 支持透明背景
- 自动转换为 WebP 格式
- 不用离开平台就能创建素材

Bolt.new 支持连接外部工具：
- Notion — 读取文档内容
- Linear — 同步项目管理
- Git — 版本控制

配置方式：在项目设置中添加 MCP 服务器

部署到 Netlify：
1. 点击 "Deploy" 按钮
2. 选择 Netlify
3. 首次需要授权 Netlify 账号
4. 自动构建和部署
5. 获得一个公网 URL

部署后还可以绑定自定义域名