一个用模板复刻出来的站,这次目标是 (品牌 Livetvip,货币 ₦ 奈拉,尼日利亚/东南亚那套任务盘玩法)。跟前面 Web3 抢单 DApp v2.0、v1.0 是同一套模板谱系,但业务换成了「做任务赚佣金 + 余额宝 + 抽奖 + 红包」。
工程规模
| 项 | 数据 |
|---|---|
| 文件 / 体积 | 615 个 / 73.2 MB(其中 152 张 PNG 是设计参考截图) |
| 页面 | 48 个:前台 18 + 后台 30 |
| 技术栈 | Next.js 16.3 + React 19.2 + TypeScript + Tailwind 4 + shadcn/ui,Node ≥ 24 |
| 数据层 | src/lib/station:handlers.ts 36 KB + captures.ts 30 KB + state.ts 15.9 KB |
| 存储 | 项目根目录 .admin-data/ 三份 JSON,不需要数据库 |
| 部署 | 自带 Dockerfile / docker-compose,output: standalone |
会员端 18 个页面
- 任务:
myTask(任务大厅)、postRecord(提交记录)、profit(收益中心) - 资金:
user/wallet、user/recharge、user/withdraw、user/fundRecord - 团队:
user/teamReport、user/dayReport、user/promote、directMembers - 玩法:
Lucky抽奖 +luckyRecord、user/newLc(余额宝产品)、red红包 - 其他:
register(带推荐 ID 路由)、login、language、help、profile、user/credit、user/info
后台 30 个模块
比 v2.0 那套还细,按业务分四组:
- 会员与资金:
member、balance、recharge、withdraw、commission、level - 任务:
orders、doing(进行中)、doing-record、goods(任务商品) - 玩法:
lucky+lucky-record、red(红包)、activity+activity-record、yuebao+yuebao-group+yuebao-record - 系统:
config、contact、login
yuebao-group(余额宝产品组)和 doing-record(任务进行记录)这两个模块,说明它不是静态展示页,而是有真实资产流转逻辑的。
数据层:还是那套「JSON 当库」
.admin-data/site-config.json 里能直接看到站点的运营参数:站点名 Livetvip、备案号 备8888888号-1、货币 ₦、USDT 收款地址、充值快捷金额、提现手续费、注册奖励、VIP0 有效期,以及 levels / goods / luckyPrizes(转盘奖品)/ redEnvelopes(红包池)/ yuebaoGroups + yuebaoProducts(余额宝档位)/ activities / doingTiers 一整套。
要接真后端,改动点就是 src/lib/station/handlers.ts(接口实现)与 state.ts(持久化),页面层基本不用动。
体检结论
- 615 个文件 / 73.2 MB,0 处高危执行调用、0 处硬编码密钥、无加密混淆,纯前端可改
- 157 个文件被归为第三方/打包产物(layui、tradeview 之类的静态资源与 39 份 md 文档)
- 仓库里带 15 个 AI 编码代理配置目录(
.claude、.cursor、.codex…)与_probe_*.html/_d1~_d4.txt抓取残留,上线前可删 - 随包带
.admin-data:里面是原站的等级、商品、奖品配置,别原样上线,先改品牌与参数
部署要点
- Node 24(
.nvmrc已锁),npm ci && npm run build,next start或 Docker .admin-data/必须在项目根目录且可写,不要放进public/,否则配置和会员数据可被直接下载- 多实例部署前先把 JSON 存储换成数据库,否则各实例各写各的
- 换掉
site-config.json里的站点名、备案号、USDT 地址、客服链接
适合谁:要做「任务/抢单 + 余额宝 + 抽奖」这套组合玩法、并且有前端团队能接后端的人。界面是现成的移动端成品,直接换皮就能用。
同类可对照 抢单刷单栏目;后台控盘思路可以看 Web3 抢单 DApp v2.0。