PEAR2020

摘要： 绕了一圈，回归到原点。 一开始我就用Server fetch to cache in SSR，然后我隔了半个月回头来精益求精，我以为我更强了，其实是我脑子乱了。 为什么要在SSR里用这么多fetch？-> 我要追求优雅！（🤡），非要换成middleware从cookie里面读出来注入header- 阅读全文

摘要： ✅ SSR：不用 fetch，直接调用 BFF SSR 业务请求不要用 fetch，直接调用 lib/service/server 中的 BFF 函数。 BFF 负责聚合逻辑，出现业务异常时 throw new BizError()。 SSR 层（如 server component、server 阅读全文

摘要： 1. 明确边界：cms配置的 PageInstance.sections 数组只用来配置 【默认内容 + 主题颜色（未来开放）】 [section_display] props: // 商户定义“这个模块默认展示哪些分类” category_ids_default: ['software', 'ed 阅读全文

摘要： 📌 目标：以 tenantId 为核心构建 theme + scene + section 的配置系统，实现从 schema 显示、内容编辑、再到保存的完整闭环。 🌐 一、核心数据结构（数据库设计） 1. Section 模板定义（结构层） 每个 theme + scene 下的模块结构由系统预 阅读全文

摘要： 🧭 背景 在开发支持多模板的前端系统（如 CMS、商城等）时，往往希望不同的模块（如 cool-shop、general-shop）可以独立打包、部署、被懒加载。 本篇记录我如何使用： Vite 分别构建多个独立 JS 模块 Cloudflare Pages 将它们作为静态资源部署 ✅ 最终支持其 阅读全文

摘要： 在微前端、多模块系统或模块联邦架构中，常见的一个问题是： 子项目是 Vite + React + React Router 构建的组件库，主项目是 Next.js，如何处理 Link 路由跳转？ 如果子项目中大量使用了 React Router 的 <Link> 组件，部署到 Next.js 主项目 阅读全文

摘要： ✨ 背景 在开发我的电商平台项目 ShopStack 的过程中，我遇到了一个典型问题： 如何同时兼顾“面向商户的 landing page 展示” 与 “商户登录后的后台操作”？ 这个问题并不新，但它一直困扰着许多中小型 SaaS 产品的架构设计。 后来，我从 Vercel 的行为中得到了灵感。 � 阅读全文

摘要： 多模板 + 多模块的 Headless CMS 架构范式设计 本文记录了我基于实际业务需求，思考并设计的一套面向商户的低代码页面配置系统 —— 一个支持多模板、多模块、可视化配置的 Headless CMS 架构。 一. 背景 在开发 ShopStack 过程中，我希望让商户能够： 自主选择模板（如 阅读全文

摘要： 🧩 Shopstack 多模板 + 多模块 系统设计文档 📌 宏观目标 为 Shopstack 多租户电商系统构建一套可配置化的主题模板机制，支持： 多模板（cool / soft / fashion 等） 多模块（Header 模块内部可以选 cart/contact 等 slot） 每个租户 阅读全文

摘要： 在构建多租户电商系统时，购物车系统的状态管理是一项关键工程。特别是涉及： 游客（未登录）操作购物车； 用户登录后购物车如何合并； 用户操作时，如何自动同步至服务器。 本文总结了我在项目中设计与实现这套逻辑时的技术细节与踩坑思考。 🧩 背景 我使用了： Redux 作为购物车状态管理工具； Redu 阅读全文