Claude Code全栈实战，3小时34分用Next.js做项目管理应用，含Supabase认证与Stripe支付

零基础也能跟着做：这门 26 节的 Claude Code 视频课，用 3 小时 34 分钟带出一个能上线的全栈项目管理应用。开发过程用的是真实项目里常见的工具——Supabase 管身份验证和数据库，Stripe 收款，Resend 发邮件，Vercel 部署，核心代码交给 Claude Code 来写

课程在做什么

要做的应用是一个项目管理工具，带看板仪表盘，网页端和移动端都能跑。课程把它拆成设计、身份验证、用户体验、数据库、支付、邮件、AI 集成、部署八个部分，从本地开发环境装起，一路做到 Vercel 上线接真实客户

前两节先把工具装好：创建 Next.js 应用、安装配置 Cursor 和 Claude Code、用 Git 和 GitHub 做版本控制。第三节进入产品思路，写 PRD 和 plan.md，接本地 Supabase。之后依次是认证与入门引导、看板功能、用户测试与迭代、用户和团队设置、Resend 邮件、Stripe 支付配置与客户门户、AI SDK 集成，最后是 Supabase 远程项目、部署到 Vercel 和实时 Stripe Webhook

你会学到

• 用 Supabase 设置身份验证、数据库存储与边缘函数
• 配置 Stripe 支付处理与 Resend 事务性邮件
• 构建网页端和移动端都能运行的协作式看板仪表盘
• 用 AI SDK 把 AI 功能集成到应用里
• 用 Vercel 把完成的应用部署给真实客户

课程目录

课程共 7 节 26 课，标题为原始英文，文档暂无翻译，可以自行用 AI 翻译

第 1 节

1. 前言
2. 如何获取帮助
3. 工具与服务
4. 安装本地开发工具

第 2 节

1. 创建一个 Next.js 应用
2. Cursor 概览
3. Claude Code 安装
4. Claude Code 配置与设置
5. 使用 Git 和 GitHub 进行版本控制
6. 安装技能

第 3 节

1. 产品开发者特质
2. 创建 PRD 和 plan.md
3. 本地 Supabase 和里程碑 1

第 4 节

1. 认证与入门引导
2. 仪表盘设计 项目数据
3. 看板功能
4. 用户测试与迭代
5. 用户和团队设置
6. 配置 Resend 用于邮件

第 5 节

1. Stripe 配置 - 第 1 部分
2. Stripe 配置 - 第 2 部分
3. 测试支付
4. Stripe 客户门户

第 6 节

1. AI-SDK 摘要
2. 落地页设计

第 7 节

1. 创建 Supabase 远程项目
2. 部署到 Vercel
3. 实时 Stripe Webhook
4. 实时用户测试
5. 恭喜

资源信息

• 教程语言：双语字幕，中英
• 文档语言：英文，需自行用 AI 翻译
• 文件格式：视频 / 文档 / 图文
• 压缩软件：7ZIP
• 视频播放：完美解码 / potplayer / QQ影音
• 安全扫描：云查杀 Virustotal、Virscan，无病毒无插件

配套的视频、文档和图文资料在本页获取