02 · 店铺体验

两种设计方式,一个商城运行时

商家可以在后台拖拽,也可以由开发者编写 Next.js 主题;消费者最终都访问 shop-theme-nextjs。

可视化搭建

适合运营人员和希望快速调整页面的商家。后台编辑器保存页面区块、顺序和样式配置,商城运行时读取配置并渲染。

  • 区块拖拽与排序
  • 页面模板和预览
  • 颜色、排版、菜单与 SEO 配置
  • 无需重新编译即可发布内容配置

Next.js 代码主题

适合品牌定制、复杂交互和有研发团队的商家。开发者在 shop-theme-nextjs 中维护组件与页面,同时复用同一套商品、购物车和结账 API。

  • 完整 React/Next.js 开发能力
  • 服务端渲染与 SEO
  • 主题区块协议可继续兼容后台配置
  • 品牌级布局与交互不受可视化编辑器限制

不要维护两个商城

shop-frontend 只承担管理后台和可视化编辑器,不再作为消费者商城。这样登录、购物车、结账、SEO 与缓存策略只有一套,避免功能长期分叉。

商家品牌的 About、FAQ、隐私和配送政策属于商城内容;ShopPro 产品介绍与开发文档属于系统官网。