关于前端:从-0-到-1-设计编码搭建个人知识付费应用Remix-全栈框架集成支付

感兴趣或者喜爱的请点赞关注我，本文超过 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：https://github.com/willin

集体常识付费博客利用零碎
- 图文内容
  - 文章
  - 代码片段（动静可交互内容）
  - 页面（如对于、赞助商、友链、开源我的项目等）
- 资源 / 附件
  - 如源码压缩包等文件
  - 开源我的项目 URL 等信息卡片
- VIP 会员
  - 订阅制，能够拜访付费图文内容
  - 但付费资源仍须要额定购买能力下载，享受 6 折优惠（可配置，0 折示意也收费下载）

graph LR
     visitor[访客]
     visitor -- 收费拜访 --> freeContent[收费图文内容] -- 付费下载 --> paidAttach[付费资源]
     visitor -- 付费拜访 --> paidContent[付费图文内容]-- 付费下载 --> paidAttach
     vip[VIP 会员] -- 收费拜访 --> content[收费 + 付费图文内容] -- 优惠购买下载 --> paidAttach

应用 Headless CMS 进行内容（文章、页面、代码片段、资源 / 附件）的治理。

应用 MDX 动静组件内容，以晋升页面的交互性。

首先，该零碎根本都以收费的服务为依靠。比方 MySQL 的云端服务商 PlanetScale 对于收费套餐是有每月申请数限度的。所以数据库仅用于寄存文章阅读数、下载统计、用户付费账单等信息。

~~微信领取~~ （集体开发者不反对）
支付宝当面付

关上支付宝手机 App，搜寻【签约助手】。

抉择【当面付】进行签约

营业执照是选填项，所以如果没有，集体也是能够签约的。（单笔 1,000 元，每月 50,000 元限度）

需付费购买标记为付费的图文内容
原价购买标记为付费的资源附件
降级为订阅制 VIP 会员

收费拜访标记为付费的图文内容
优惠价（可配置折扣或收费）购买标记为付费的资源附件

关于前端:从-0-到-1-设计编码搭建个人知识付费应用Remix-全栈框架集成支付

变更记录

零碎概述

相似的利用

波及的技术栈及云服务

对于开源

需要设计

根底需要

图文内容

Sanity

MDX

为什么不必数据库

领取集成

当面付签约

领取需要

普通用户

VIP 会员