前置工作坊 #001：Vibe Coding入门 + 零门槛部署实战

工作坊基本信息

• 时间：2024年12月20日 09:00-16:30（7.5小时全天工作坊）
• 地点：上海（漕河泾场地）
• 规模：25-40人
• 形式：现场工作坊 + 小组实操 + 作品展示
• 费用：免费（由赞助商支持）
• 版本：v3.0（Vibe Coding主题）

核心定位

• 抛弃理论，专注实战
• 核心目标：确保每个零基础参与者都能成功部署上线
• 一套可复制的工作流程：Vibe Coding入门 → 零门槛部署上线
• 一个可带走的完整项目上线方案

前置文档和问卷

详细流程（7.5小时）

第一部分：工具确认（09:00-09:30，30分钟）

• 09:00-09:10 欢迎与She Nicest介绍
• 09:10-09:30 工具确认环节
  • 检查必备工具安装情况
  • 现场协助安装和配置
  • 解决常见问题

第二部分：上午教学（09:30-12:30，3小时）

Vibe Coding入门基础（30分钟）

• 什么是Vibe Coding
• AI编程工具介绍（Cursor / Claude Code）
• 第一个Vibe Coding体验

Vibe Coding进阶（60分钟）

• 产品开发全流程框架
• 前端开发基础
• 后端开发基础
• 实战练习

低门槛本地部署 核心环节（60分钟）

• 部署的重要性
• 零门槛部署方案介绍
  • 国际平台：Vercel、GitHub Pages（可以翻墙的参与者）
  • 国内平台：EdgeOne Pages（不能翻墙的参与者，支持全栈，推荐）
• 部署实战（分组进行）
  • Vercel部署演示（可以翻墙组）
  • EdgeOne Pages部署演示（不能翻墙组）
  • GitHub Pages部署演示（可选）
• 确保每个参与者都能成功部署上线（核心目标）

第三部分：午餐（12:30-13:30，1小时）

• 吃饺子
• 自由交流和社交

第四部分：下午创作（13:30-16:00，2.5小时）

下午开场（15分钟）

• 主题介绍（推荐，不卡死）：
  • 包容性社会
  • AI4社交
  • AI4女性成长（兜底选项）
  • AI交朋友（兜底大家没想法的话）
• 模板和资源
• 组队规则

创作时间（2小时15分钟）

• 组队vibe coding
• 主题创作（推荐，不卡死）
• 互助小组
• 现场指导和答疑

准备展示（30分钟）

• 整理作品
• 准备演示
• 部署链接确认

第五部分：展示分享（16:00-16:30，30分钟）

• 每组2-3分钟展示
• 展示项目亮点和部署链接
• Workshop总结和后续连接

工具清单

工具类型	推荐工具	说明
AI编程工具	Cursor / Claude Code	AI辅助编程，生成和修改代码
对话式AI	DeepSeek / Kimi / 豆包	辅助编程、代码解释、需求分析
部署工具（国际）	Vercel / GitHub Pages	可以翻墙的参与者使用
部署工具（国内）	EdgeOne Pages	不能翻墙的参与者使用，支持全栈
数据库	Supabase	PostgreSQL数据库，支持实时功能

数据库支持：Supabase

Supabase 优势

• PostgreSQL数据库：强大的关系型数据库，支持复杂查询
• 内置认证系统：支持多种认证方式，方便用户管理
• 实时功能：支持实时订阅，适合构建实时应用
• 存储服务：提供对象存储，适用于存储和管理文件
• 免费额度：有免费计划，足够个人项目使用
• 易于集成：提供JavaScript客户端，易于与前端集成

适用场景

• 需要存储用户数据的应用
• 需要实时更新的应用（如聊天应用）
• 需要文件存储的应用
• 需要用户认证的应用

访问 Supabase 官网了解更多

主题选项（推荐，不卡死）

• 包容性社会 - 创建促进包容性的应用或工具
• AI4社交 - 使用AI改善社交体验
• AI4女性成长 - 使用AI支持女性成长和发展（兜底选项）
• AI交朋友 - 使用AI帮助人们交朋友（兜底大家没想法的话）

最终产出

每位参与者将带走：

1. Vibe Coding项目经验
2. 一个可访问的线上部署链接（核心成果）
3. 一套可复制的AI工具流程+部署方案
4. 一个持续更新的资源库
5. 一个同行者社群