所有作品
内容平台与运营后台 · 已上线

QuizLab

QuizLab 是一个中文趣味测试导航平台。我把前台发现流、运营后台和 API 放进同一套系统里:前台负责专题推荐、分类分发和流量导向,后台负责项目管理、排序推荐、SEO、协议页面和基础统计配置。这个项目比较重要的一点,不是把功能越做越厚,而是先把边界理清楚,让它后面能继续扩,但不会很快失控。

Astro 6React 19HonoSQLiteDrizzle ORMTailwind CSSDocker

起点

这个项目一开始并不是想做一个把所有 quiz 都塞在站内的编辑器。我更想做的是一个目录型主站:用户先在首页发现内容,再进入具体的 quiz 专题页。这样主站负责入口、推荐、统计和运营配置,每个 quiz 则可以单独开发、单独部署,后面扩起来不会越来越重。

系统怎么搭

技术上我用了 Astro 6 + React 19 做前端,Hono 负责 API,SQLite + Drizzle ORM 负责数据层,再用 Docker 把整套系统装进同一个运行时。这个组合的好处很直接:前台依然轻,后台和数据管理也能放在一起,不需要为了一个运营平台先搭一堆过重的基础设施。

后台做了什么

后台不是只做一个录入表单,而是把运营常用的控制项一起补齐了:项目的新增、编辑、删除,精选与排序控制,上下线状态,跳转方式,统计标识,站点设置,公告,SEO metadata,以及说明、隐私、条款这些页面都能直接维护。这样后面改内容、调推荐、做配置,不需要再回到代码里硬改。

前台与结果

前台这边做了发现流和内容分发,包括精选展示、分类筛选、热门和最新排序,以及收藏、已完成状态的本地存储。用户再次回来时,之前看过什么、做过什么还能接上。项目最终也按 Docker + Nginx + HTTPS 的方式部署到 VPS,上线之后,后续批量扩专题页时只需要按既定协议继续挂载就行。