本文最后更新于:


这门课到底教什么
26节课,3小时34分钟,从零做一个能上线的项目。这就是这门课的全部——用Claude Code搭出一个完整的项目管理应用,工具全是真实开发者每天在用的:Supabase、Stripe、Resend、Vercel,核心开发交给Claude Code去跑。
说白了,AI编程的门槛已经被拉到了很低。你要做的不是背API,而是学会指挥工具、拆解需求、验证结果。
你会做出什么东西
一款项目管理系统,带一个能在网页端和手机端同时跑的看板仪表盘。不是玩具Demo,是能部署给真客户用的产品。整套课程把开发拆成八大块:设计、身份验证、用户体验、数据库、支付、邮件、AI集成、部署。一块一块过,做完就串起来。
具体动手环节包括:
- 用Supabase搞定身份验证、数据库存储和边缘函数
- 配Stripe支付处理,接Resend发事务性邮件
- 做一个网页端和移动端都能用的协作看板
- 用AI SDK把AI能力塞进应用里
- 用Vercel把成品推到线上,交给真客户
为什么值得看
很多人卡在”想做全栈但不知道从哪下手”。这门零基础教程的思路很直接:先跑通一条完整链路,再回头理解每一环。看板、支付、邮件、AI、部署,全都是能直接复用到下一个项目里的东西。学完你手里不是一个知识点清单,是一个真实跑着的应用。
课程配套与格式
教程语言:双语字幕(中/英)。文档语言:英文,建议自己用AI翻译一遍,顺手还能练练读文档。
安全方面:云查杀,Virustotal、Virscan过一遍,无病毒无插件。文件格式包含视频、文档、图文。解压用7ZIP即可。播放建议完美解码、PotPlayer或QQ影音,都能正常跑。
完整课程目录
提醒:目录标题是原始英文,文档暂无翻译,自行用AI翻译就行。
└─ 使用Claude Code构建全栈Next.js应用
第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节 · AI与落地页
1. AI-SDK摘要
2. 落地页设计
第7节 · 上线交付
1. 创建Supabase远程项目
2. 部署到Vercel
3. 实时Stripe Webhook
4. 实时用户测试
5. 恭喜
想练手全栈项目的话,这套流程本身就是一份现成的网创资源,跑完一遍,很多概念自然就通了。
未经授权,禁止任何形式的转载、镜像或商业用途。
如需合作或存在版权问题,请联系我们:
📧 jieligw@qq.com 🌐 www.xzdbk.com
![小栈AI综合助手:WordPress智能插件[V3.2.2 2026-07-16] -小栈博客](https://www.xzdbk.com/wp-content/uploads/2026/06/小栈AI综合助手全新升级-800x600.png)
![AI综合助手v2.2.3已停用最新版重构3.1.6[已暂停更新] -小栈博客](https://www.xzdbk.com/wp-content/uploads/2026/05/小栈AI综合助手v2.1.8升级封面.png)


![小栈AI标签助手V1.3.3 – 自动生成SEO标签,[已开源暂停更新] -小栈博客](https://www.xzdbk.com/wp-content/uploads/2026/04/021775804546053c2dd50d19df53a1cf97de1fb7620a49ab0413a_0.jpeg.jpg)














暂无评论内容