开始做一个新的 SaaS 时,官网通常不是第一优先级。你想先把产品做出来。但很快你会发现,三天过去了,你还在调 Hero 的间距、挑一套不那么普通的字体,或者反复问自己:为什么价格页看起来还不如周末临时做的那一版?
RicoFast 就是为这个阶段准备的。
它不是 starter,而是一个完整起点
市面上并不缺 SaaS 模板。问题在于很多模板会落到两个方向:
- 骨架型 starter:导航、Hero、三张功能卡,然后就结束了。真正上线前,你还要补大量页面和状态。
- 大而全模板包:几十个 section、各种主题、复杂配置。看起来很丰富,落地时大半都要删。
RicoFast 的取舍更直接:覆盖真实 SaaS 官网常用页面,提供可组合的 section、Auth 页面、Blog、Changelog、Elements 参考页,以及一套写进 docs/DESIGN.md 的 token 化设计系统。
模板里有什么
- Home、Features、Pricing、Blog、Changelog、About、Contact、Elements、Sign in、Sign up、404
- Hero、功能区块、价格卡、对比表、FAQ、技术栈、使用场景和最终 CTA
- 基于 MDX 的 Blog 和 Changelog 示例内容
- 记录颜色、字体、间距和动效规则的
docs/DESIGN.md - 可直接查看组件和状态的
/elements参考页
为什么选择 Astro
营销站需要快。Astro 默认零 JavaScript,只有需要交互的地方才加载脚本,比如价格切换、移动端菜单和 FAQ 折叠。这样页面在内容变多后仍然轻。
内容部分使用 Astro Content Layer 管理 Blog 和 Changelog。现在可以用本地 MDX 维护内容,之后也能迁移到外部 Markdown 或 CMS。
适合谁
- 正在发布第一个产品的独立开发者
- 需要快速上线可信官网的 AI 工具团队
- 做开发者工具、SDK、API 平台的团队
- 想给开源项目做一个像产品站一样的主页的维护者
- 能读懂 CSS,但不想从零搭设计系统的工程师
走向 v1.0
RicoFast 在稳定版前经历了几次小版本:
- v0.1:验证核心页面、内容结构和设计 tokens。
- v0.2:打磨暗黑模式、动效和产品预览框架。
- v0.3:迁移到 Astro Content Layer,并收紧性能跑分。
现在的 v1.0 在这个基础上补齐 Auth 模板、工具页、导航和中文化后的示例内容。
如果你基于 RicoFast 做了项目,欢迎在 GitHub 提 issue 说说哪里顺手、哪里别扭。模板会因为真实使用而变得更好。