跳到主要内容

新人见面礼首单立减 · 终身会员专享特惠进行中

立即查看
发现开通会员

AI编程训练营,不会代码也能做产品,Cursor+Supabase+OpenAI全栈开发,从0到1上线SaaS应用

AI 总结

一门用 Cursor、Supabase、OpenAI 等工具做全栈应用的 AI 编程课,零基础也能跟着走,课程从创建 PRD 文档、搭 Next.js 环境、写博客增删改查,一直做到 Stripe 收款和 Vercel 上线,共 67 节视频带中英双语字幕。适合不会写代码但想做产品的人

这套 AI 编程训练营讲的是:在不懂编程的情况下,用 Cursor、Supabase、OpenAI 这一套工具把一个全栈 SaaS 应用从零做出来,并且部署上线

课程以 Next.js 为基础框架,视频带着一步步走,最后交付的是一个带注册登录、博客增删改查、订阅支付和管理员后台的完整网站。中间穿插 AI 代码调试、Git 版本管理、提示词策略这几块,目的是让你不只照抄,还能看懂 AI 生成的代码在做什么

会用到哪些工具

  • Cursor:写代码和改代码的主力,配合规则文件和 MCP 使用
  • Supabase:数据库、用户认证和 RLS 权限规则
  • OpenAI 与 AI SDK:接入聊天页面、自动生成博客文章
  • Stripe:SaaS 订阅收款,含 Webhooks 和客户门户
  • Resend:注册流程里的邮件服务
  • v0.dev:生成界面设计稿
  • Next.js 与 Shadcn:页面框架和组件库
  • Git 与 GitHub:开发分支和版本控制
  • Vercel:预览环境和生产环境部署
  • Upstash:接口请求限流

课程核心内容

  • 基础编码概念解析:理解 AI 生成的代码逻辑
  • Cursor AI 实战:构建全栈 SaaS 网站与移动应用
  • AI 代码调试:排查与修复 AI 生成代码中的问题
  • Git 项目管理入门:掌握版本控制的基本操作
  • 高效提示词策略:提升开发效率与代码质量
  • 真实场景项目实战:应用到各类全栈开发需求

课程走完之后,你不需要几个月的传统编程训练,也能独立构建、调试并看懂 AI 生成的网站和移动应用代码

课程目录

1 - 入门指南

  • 课前须知
  • 课程笔记与代码说明
  • 如何获取帮助
  • 我们将使用的工具
  • 创建 PRD 文档
  • 安装开发工具

2 - Cursor 环境设置

  • 安装 Next.js
  • Cursor 高级概述
  • 设置 GitHub
  • 连接 Vercel
  • 添加 PRD 文档
  • 添加用户与项目规则
  • 添加 Context 7 MCP
  • 安装 Shadcn 组件库

3 - Supabase 认证、表与 RLS

  • 注册并连接 Supabase
  • Supabase MCP 与规则
  • 创建认证页面
  • 安装 Supabase CLI
  • 创建 profiles 表
  • 测试注册流程

4 - 使用 Git 与 GitHub 进行版本控制

  • 设置 Git 与 GitHub
  • 创建开发与功能分支

5 - 设计主题与资源

  • 应用设置:颜色与字体
  • React 组件架构
  • 在 v0.dev 中进行设计
  • 创建网站页头
  • 改进响应式设计

6 - 构建核心博客功能

  • 提交、构建与推送
  • 搭建用户仪表盘
  • 创建博客增删改查功能
  • 调试过程
  • 测试动态博客数据
  • 上传图片
  • 改进设计
  • 测试私有路由与数据访问

7 - 创建公开博客页面

  • 创建博客列表页
  • 优化博客列表设计
  • 创建博客详情页
  • SEO 元数据审查

8 - 专业级提示策略

  • QA 策略
  • 利弊分析策略
  • 基于角色的策略

9 - 集成 OpenAI 与 AI SDK

  • 使用 AI SDK 创建聊天页面
  • 使用 OpenAI 生成博客文章
  • 逆向工程指南

10 - 集成 Resend 邮件服务

  • Resend 入门
  • 使用 new.email 创建邮件
  • 将邮件集成到注册流程中

11 - 集成 Stripe 实现 SaaS 支付

  • 创建 Stripe 账户与产品目录
  • 收集 Stripe 需求
  • 集成 Stripe
  • 创建 Stripe Webhooks
  • 测试与调试支付
  • 客户门户会话
  • Stripe 安全审查

12 - 构建管理员仪表盘

  • 创建管理员仪表盘
  • Stripe 结账工作流
  • 基于角色的访问控制与安全

13 - Next.js 与 Supabase 安全

  • 部署前安全检查清单
  • Upstash 请求限流
  • 测试请求限流

14 - 域名与 Vercel 部署

  • 理解 Vercel 部署
  • 创建预览与生产环境部署
  • 如何设置自定义域名
  • 创建 Supabase 生产服务器
  • 为生产环境配置 Stripe
  • 将 Supabase 开发环境克隆至生产环境
  • 推送到生产环境

资源信息

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

课程视频、配套文档和代码文件在本页获取

本文隐藏内容

选择一种方式解锁隐藏内容

开通会员,畅看全站创业项目与实操拆解

登录即代表同意《用户协议》

本文隐藏内容

已解锁
正在确认隐藏内容

猜你想看

查看更多