Skip to content
Rúben Modernoruben.moderno
Escola Armunia Viola
2026/设计、开发与基础设施

Escola Armunia Viola

Armunia Viola 学校靠课程、疗愈时段和手工产品维生 —— 目录一直在变。如果每一次调价、每一门新课、每一场活动都得先经过我,网站就会拖慢生意,而不是帮衬它。我为他搭建了一个 18 个页面的网站,完全托管在 Cloudflare 上,他自己就能编辑所有文字和内容 —— 简单、快速、毫不费力 —— 从第一门课程到店里最后一件产品都不必碰代码,也不必依赖我。

网页设计Decap CMSCloudflare PagesSEOGDPR
访问站点
Escola Armunia Viola
成果
18
个页面,全部由客户自行发布,无需代码
~1 分钟
从点击到正式上线
100%
自主:编辑完全不依赖我
0
次发布丢失 —— 自从搬离 Vercel 之后
挑战

改 18 个页面,不碰代码 —— 部署也不再提心吊胆

  • 客户要发布 18 个页面(课程、咨询、套餐、商店、关于、联系),既不想学 HTML,也不想凡事都依赖我。
  • 目录一直在变 —— 价格、促销、活动 —— 每一次改动都得在几分钟内上线,而不是拖上几天。
  • 面对讲究隐私的葡萄牙灵性受众,他需要扎实的技术 SEO(JSON-LD、sitemap),以及站得住脚的 GDPR 合规。
  • 商店必须靠 WhatsApp 运作 —— 一部分是自家产品,一部分来自合作工匠 —— 因为这群受众想先聊聊再买,不爱刷卡。
方法

Decap CMS 架在 GitHub 上,整个技术栈都跑在 Cloudflare 上

GitHub 登录的 Decap CMS,给他提供一个可视化编辑面板,他自己就能简单快速地编辑任何文字、图片或价格;背后,内容全是版本化的 markdown,完全不用操心数据库。整个技术栈 —— 托管、functions 和 CDN —— 都跑在 Cloudflare 上,每一次改动大约一分钟就能发布上线。技术栈精简,掌控权完全握在自己手上,没有意外:客户发布的东西,一定会真的上线。

我构建了什么

编辑后台、WhatsApp 混合商店、技术 SEO

编辑后台

GitHub 登录的 Decap CMS —— 客户自己编辑文字、图片和价格,简单快速,不必等开发者。

混合商店

自家产品直接链接到 WhatsApp;合作工匠的作品导向他们自己的渠道,来源标注清楚可见。

技术 SEO

每页动态 JSON-LD、sitemap,以及面向搜索引擎与 AI 的 llms.txt。

认真落实的 GDPR

先取得同意,Google Analytics 才启用 —— 横幅是真的在起作用,不是摆设。

性能

WebP 图片、Lighthouse 95 分以上、Cloudflare 边缘 CDN。

我学到了什么

可靠,比技术栈本身更重要

Decap CMS 够用,但量身定制的后台体验更好

对于需要快速获得编辑自主权、又没有预算(或时间)从零打造后台的客户,Decap CMS 仍然是一个可靠的选择 —— 界面通用,但确实好用。在为 Energia Natural 打造量身定制的后台之后,我发现真正为具体业务设计的面板会更美观、更直观。差别就在预算和工期:如果两者都允许,现在我总是更倾向于量身定制的方案。

WhatsApp 当商店,胜过在线结账

我本计划接入 Stripe。客户拒绝了 —— "我的受众想先聊再买"。他是对的:在这个细分市场里,预先写好文字的 WhatsApp 链接,转化率比任何购物车都高得多。

Vercel 悄悄停止了客户的发布,毫无预警

Vercel 的 Hobby 套餐,不知从哪天起就悄悄不再跑构建了:CMS 的提交照常进了 GitHub,可部署耗时永远停在 0 毫秒,新内容根本没有上线。客户明明发布了,网站却纹丝不动。我把一切迁到了 Cloudflare Pages Functions,彻底摆脱对 Vercel CLI 的依赖 —— 从那以后,再没丢过一次发布。

如果今天重做

我大概会选 Astro,而不是自己写的生成器 —— 如今已经没必要还手工维护一条构建流水线,Astro 用更少的代码就能做到同样的事。现在维持原样,单纯是因为它能用;为了让简历好看点就去动一个运转正常的东西,不是我做事的方式。

下一步

支付与报名,等需求真正出现再做

下一步:为数字套餐加上可选的支付功能,再做一个课程报名仪表盘。我不会在客户真正感到需要之前就动手 —— 路线图要跟着生意走,而不是反过来。

想要一个你能放心自己发布内容的网站吗?

我可以把在为等不起开发者的生意打造网站时学到的经验,全都用在你身上 —— 为你量身定制一个方案。

联系我