派大星网课工作室产品系统Vibe Coding

随着数字内容消费的快速增长，Netflix、Spotify、YouTube、Steam 等平台的会员账号和数字商品需求旺盛。然而，个人卖家和小团队缺乏一个轻量级、低成本的电商解决方案来管理商品上架、订单处理和客户管理。现有电商平台（如淘宝、京东）门槛高、手续费贵，不适合数字商品的特殊交易模式。本项目旨在为个人卖家和小型团队提供一个开箱即用的数字商品电商平台，支持商品管理、购物车、微信支付、优惠券、会员等级体系等功能，降低数字商品交易的运营成本。

本项目是一个功能完善的数字商品电商平台，包含以下核心功能模块：
商品管理系统：支持商品的上架、编辑、下架，包含商品分类、平台标签（Netflix/Spotify/YouTube 等）、价格设置、库存管理、商品图片上传等功能。管理员可在后台统一管理所有商品。
购物车与订单系统：用户可将商品加入购物车，支持批量结算。下单后生成订单，显示会员等级折扣后的优惠价格。支持微信支付（收款二维码模式），用户扫码付款后管理员确认到账。
用户与权限系统：支持邮箱注册登录，区分管理员和普通用户角色。管理员可管理商品、订单、用户、优惠券、公告等；普通用户可浏览商品、下单购买、查看订单。
会员等级体系：根据邀请注册人数自动升级，分为青铜、白银、黄金、铂金、钻石五个等级，每个等级享受不同的购物折扣优惠。
优惠券系统：管理员可创建固定金额或百分比折扣优惠券，用户可领取并在下单时使用。
数据统计：管理员可查看销售额、订单量、用户增长等关键业务指标。

我负责项目的整体架构设计和全栈开发。前端使用 Next.js 16 (App Router) + React 19 + TypeScript 5，采用 shadcn/ui 组件库和 Tailwind CSS 4 进行样式开发。后端使用 Next.js API Routes 实现 RESTful 接口，数据库使用 Supabase (PostgreSQL)，认证使用 Supabase Auth。
技术亮点：实现了服务端渲染 (SSR) 和客户端渲染 (CSR) 混合架构；通过 Supabase RLS (Row Level Security) 实现数据权限控制；使用对象存储 (S3) 管理商品图片和支付二维码；设计了会员等级自动升级和折扣计算系统；解决了生产环境环境变量获取、跨域认证、数据库双实例等部署难题。