知识付费网站_系统开发案例-程序员客栈

技术信息

语言技术
SQL Server、SQLite、React、Node.js系统类型
Windows、Web行业分类
电商、云计算

作品详情

行业场景

知识付费网站，数字商品/虚拟商品（下载交付，无需物流）图文/专栏为主，在线课程/知识付费

功能介绍

图文专栏知识付费平台，MVP 规模
- 技术栈 — Next.js 15 + Supabase + Vercel，全部免费层
- 数据模型 — users / courses / chapters / orders 四张核心表
- 路由结构 — 前台 6 个页面 + 后台 5 个管理页
- API 设计 — 公开/登录/后台三级接口
- 认证方案 — MVP Magic Link + 微信预留
- 支付方案 — 模拟支付 + 后续微信支付扩展点
- 权限模型 — RLS + API 双重校验，管理员手动设置
- 部署 — Vercel + Supabase 免费层

项目实现

Next.js + Supabase + Vercel

全栈框架方案。Next.js 的 API Routes / Server Actions 作为后端层，React Server Components
作为前端层，逻辑上前后端分离但部署在一起。Supabase 负责数据库 + 认证 + 存储。

- 前端: Next.js 15 (React 19), Tailwind CSS, shadcn/ui
- 后端: Next.js API Routes + Server Actions（算作独立后端层）
- 数据库: Supabase PostgreSQL（免费层 500MB，够 MVP 用很久）
- 认证: Supabase Auth 支持微信 OAuth 自定义 Provider
- 部署: Vercel 免费层（前端+后端一体部署，无冷启动）