感兴趣或许喜欢的请点赞重视我,本文超越 100 个赞正式开工。
变更记载
- 2022-07-30 初稿,设想提出
- 2022-07-31 添加需求草稿
体系概述
类似于个人博客体系,能够发布文章、页面及代码片段。
设置付费粒度:
- 付费 VIP,享用所有资源免费拜访(有用周期内)
- 单篇付费,对于设置付费的资源进行购买并获得拜访权限(买断)
类似的运用
- CodeHike: 一个开源代码高亮库,网站上部分示例需求 Github 资助可见。
- Framer book: 知名动画库 Framer Motion 的配套教程,年费制会员。
- DesignCode: 免费约束 5 个视频课程,付费订阅解锁全部。
触及的技能栈及云服务
技能栈:
- Remix :下一代全栈结构,前端部分是 React
- TailwindCSS、 Daisy UI: 下一代规划、款式结构
- Prisma:下一代数据库 ORM
云服务:
- Vercel: 免费的服务运用保管 + 边缘网络 + CDN
- PlanetScale: 免费云端 MySQL 数据库
- Sanity: Headless CMS 内容办理,提供免费的云保管
关于开源
该项目触及的规划文档将放置于 CSDN 专栏,代码开源于 Github。
也能够提前重视我的 Github: github.com/willin
需求规划
根底需求
- 个人常识付费博客运用体系
graph LR
visitor[访客]
visitor --免费拜访--> freeContent[免费图文内容] --付费下载 --> paidAttach[付费资源]
visitor --付费拜访--> paidContent[付费图文内容]--付费下载 --> paidAttach
vip[VIP 会员] --免费拜访--> content[免费+付费图文内容] --优惠购买下载 --> paidAttach
图文内容
Sanity
运用 Headless CMS 进行内容(文章、页面、代码片段、资源/附件)的办理。
MDX
运用 MDX 动态组件内容,以提高页面的交互性。
为什么不必数据库
首先,该体系根本都以免费的服务为依托。比如 MySQL 的云端服务商 PlanetScale 对于免费套餐是有每月请求数约束的。所以数据库仅用于寄存文章阅读数、下载统计、用户付费账单等信息。
付出集成
-
微信付出(个人开发者 不支持) - 付出宝 当面付
当面付签约
翻开付出宝手机 App,查找【签约帮手】。
选择【当面付】进行签约
营业执照是选填项,所以如果没有,个人也是能够签约的。(单笔 1,000 元,每月 50,000 元约束)
付出需求
普通用户
- 需付费购买标记为付费的图文内容
- 原价购买标记为付费的资源附件
- 晋级为订阅制 VIP 会员
VIP 会员
- 免费拜访标记为付费的图文内容
- 优惠价(可装备扣头或免费)购买标记为付费的资源附件