如何定制 ECNext 独立站

在不把页面表现与电商规则耦合的前提下，调整品牌身份、视觉语言、内容与第三方集成。

2026年7月13日ECNext

独立站需要呈现鲜明的品牌个性，但不应把每条电商规则都复制进页面组件。ECNext 将公开构建身份、店铺表现、多语言内容和领域行为分层，让每一层都能因正确的原因发生变化。

1. 设置部署身份

部署名称、描述、Logo、URL 与默认语言来自 NEXT_PUBLIC_* 构建值。主题工作台可以在运行时覆盖前台店名、Logo 与首页内容；域名和基础设施身份仍属于部署设置。Admin 运行时身份可以服务认证与邮件行为，但修改它不会重新生成店铺 metadata、canonical、robots 或 sitemap。

发布站点前，可在 Admin 设置中使用品牌部署预览，对比已经编译的店铺身份与可编辑运行时值。

2. 选择并发布前台主题

打开 后台 → 店铺主题与开店。Essentials 适合通用零售，Atelier 适合品牌精选，Spotlight 聚焦主推商品，Supply 侧重目录检索与企业采购。填写前台品牌、上传图片、编辑中英文首页文案，并选择展示区块。

保存草稿后，可打开受权限保护的预览，再发布到店铺。需要时恢复上一版。导出设计 JSON 可复用到另一个独立店铺；图片和商品引用仍需确认属于目标店铺。

3. 建立视觉语言

src/app/globals.css 管理颜色、字体、圆角与界面密度等全局 Token。
src/components/ui 放置可复用的设计系统基础组件。
src/components/storefront 管理目录、商品、购物车、买家工作区、页头、页尾与首页表现。

品牌样式应留在这些表现层中，不要把价格选择、库存授权或采购状态规则复制到视觉组件。

4. 本地化市场文案

英文与简体中文文案位于 src/config/locale/messages。可以按市场替换导航、营销、信任、政策和客服文案，同时保持稳定的消息键。增加新语言时，应一次补齐路由、消息、metadata 和格式化覆盖。

5. 在边界处替换集成

支付、邮件、存储、统计与在线客服通过 Admin 设置和基础设施适配器配置，使用商家自己的凭据；商品结账读取的正是同一份支付配置。目的地税率规则以及配送区域、方式与费率属于运营方在 Admin 中维护的数据而非代码：调整收费只需修改这些记录。唯一尚未建设的边界是承运商实时报价/轨迹接入——轨迹事件是记录到货件上的，而不是从承运商接口拉取的——将来接入时也应遵循同样的适配器边界。

6. 保持单店部署契约

每个定制站点拥有独立数据库、存储凭据、加密密钥与第三方账号。不要给共享商务记录增加运行时 storeId；创建另一家店铺时，应创建另一个部署。