Claude Code全栈开发入门：Next.js项目管理应用实战（中英双语字幕）

课程介绍

本课程面向初学者，以项目管理应用为案例，介绍如何使用Claude Code辅助开发Next.js全栈应用。素材标注视频总时长为3小时34分钟，配有中英双语字幕。

课程围绕设计、身份验证、用户体验、数据库、支付、邮件、AI集成与部署展开。案例应用包含适配网页端和移动端的协作式看板仪表盘，并涉及用户与团队设置、支付处理及部署流程。

开发过程中使用Supabase、Stripe、Resend、AI SDK和Vercel等工具与服务，串联需求规划、功能开发、测试和部署。

学习内容

• 使用Next.js创建应用，配置Claude Code，并通过Git和GitHub进行版本控制。
• 编写产品需求文档与开发计划，结合本地Supabase推进开发。
• 使用Supabase设置身份验证、数据库存储与边缘函数。
• 构建看板仪表盘，处理项目数据、用户引导及团队设置。
• 配置Resend事务性邮件和Stripe支付，涉及支付测试、客户门户与Webhook。
• 使用AI SDK集成AI功能，并完成落地页设计。
• 创建Supabase远程项目，将应用部署到Vercel并进行用户测试。

教程目录

以下按素材提供的七个分组整理，条目名称采用中文表述；资料中的原始标题为英文。

第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和开发计划文件
3. 本地Supabase和里程碑1

第4部分：应用功能与邮件配置

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

第5部分：Stripe支付

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. 课程结束

适合人群

课程面向希望通过项目案例了解Claude Code辅助开发流程的初学者，学习主题涵盖Next.js应用搭建，以及数据库、身份验证、支付、邮件、AI功能和部署的集成。

资料说明

• 视频字幕：中英双语。
• 文档语言：英文，素材未提供文档中文译本。
• 资料形式：视频、文档与图文。
• 素材标注总时长：3小时34分钟。