# @fayz-ai/storefront 中文文档

规范地址：https://npmcn.com/package/%40fayz-ai/storefront/

版本：0\.95\.1
npm 元数据更新时间：2026-11-11T22:39:40.364Z
中文译文更新时间：2026-11-14T12:08:57.524Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40fayz-ai/storefront
原文对照：https://npmcn.com/package/%40fayz-ai/storefront/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：3.5 MB，413 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：6 个
- peer 依赖：react ^18\.0\.0 \|\| ^19\.0\.0，zustand ^4\.5\.0 \|\| ^5\.0\.0，react-dom ^18\.0\.0 \|\| ^19\.0\.0，lucide-react \>=0\.400\.0 \<1\.0\.0，@supabase/supabase-js ^2\.45\.0，@tanstack/react-router ^1\.120\.0
- 首次发布：2026-06-19T20:20:32.879Z
- 最新版本发布：2026-11-11T22:39:40.189Z
- 近 30 天下载量：12417（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：120（近 12 个月 120 个）

## 中文简介

Fayz SDK 商店前置套件 — Shopfy 风格的客户化电子商务模板组件

## 安装

```sh
npm install @fayz-ai/storefront
```

也可以使用：`pnpm add @fayz-ai/storefront`、`yarn add @fayz-ai/storefront`、`bun add @fayz-ai/storefront`

## README

# @fayz-ai/店面

> Shopify-style Customer-facing storefront,由数据组装而来——英雄,产品,推车,退票,都具有主题性.

[![npm](https://img.shields.io/npm/v/@fayz-ai/storefront.svg)](https://www.npmjs.com/package/@fayz-ai/storefront) [![license](https://img.shields.io/npm/l/@fayz-ai/storefront.svg)](https://github.com/FayaLabs/fayz-sdk/blob/main/LICENSE)

**状态 :** β-发布至npm并在整个法伊兹狗食应用. 事前1.0:小API在1.0之前可能会有变化.

`@fayz-ai/storefront` 是Fayz SDK的客户面:一个商店前台脚手架,使页面成为一棵树 **块** (英雄,产品,宣言,手推车,.) 应用清单中定义的. 两个完全不同的品牌出自同一个模板,零自定义组件——店面是 _数据_没有叉子.

它读商务从 `@fayz-ai/shop`,所以同一个引擎为管理员提供动力 也给公共商店提供权力。 自定义从标签到通过 [定制阶梯](https://npmcn.com/package/docs/saas/CUSTOMIZATION.md) ——永远不要通过编辑这个软件包.

## 里面的东西

-   **脚手架** —— 说 `defineStorefront(config)` + 键 `StorefrontScaffold` 执行人: `renderApp`
-   **区块系统** —— 说 `registerStorefrontBlocks`, (中文(简体) ), `sectionsToBlocks` (作为登记区块的各节)
-   **工厂路径** —— 说 `createStorefrontApp`, (中文(简体) ), `initStorefrontRuntime`, (中文(简体) ), `StorefrontShell`
-   **路线** - 散列路由器(`Link`, (中文(简体) ), `navigateTo`, (中文(简体) ), `useHashPath`, (中文(简体) ), `matchPath`(中文(简体) )
-   **配置钩** —— 说 `useStorefrontConfig`

## 安装

```bash
npm install @fayz-ai/storefront
```

端点 : `@fayz-ai/core`, (中文(简体) ), `@fayz-ai/ui`, (中文(简体) ), `@fayz-ai/shop`, (中文(简体) ), `@fayz-ai/auth` (+反应,反应-度).

## 使用量

```tsx
import { renderApp } from '@fayz-ai/core'
import { defineStorefront } from '@fayz-ai/storefront'

export function App() {
  return renderApp(defineStorefront(config), { surface: 'storefront' })
}
```

## 费兹SDK的一部分

店面上方的墙面 `@fayz-ai/shop`。行政对应系统与 `@fayz-ai/admin`两者都是表面的表面.

## 路线图贡献( I)

建设并不断发展于开阔. 见 [费兹SDK路线图](https://npmcn.com/package/docs/platform/ROADMAP.md)。 。 。 .

## 常见问题

### @fayz-ai/storefront 是什么？

Fayz SDK 商店前置套件 — Shopfy 风格的客户化电子商务模板组件

### 如何安装 @fayz-ai/storefront？

在项目目录运行 npm install @fayz-ai/storefront，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18\.0\.0 \|\| ^19\.0\.0）、zustand（^4\.5\.0 \|\| ^5\.0\.0）、react-dom（^18\.0\.0 \|\| ^19\.0\.0）、lucide-react（\>=0\.400\.0 \<1\.0\.0）、@supabase/supabase-js（^2\.45\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @fayz-ai/storefront 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @fayz-ai/storefront 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @fayz-ai/storefront 可以商用吗？

@fayz-ai/storefront 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @fayz-ai/storefront 的下载量有多少？

根据 npm 官方下载统计，@fayz-ai/storefront 在 2026/10/15 – 2026/11/13 这 30 天内被下载 12,417 次，日均约 414 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @fayz-ai/storefront 还在维护吗？

最新版本 0\.95\.1 发布于 2026/11/12（2 天前）；至今共发布 120 个版本，其中过去 12 个月发布了 120 个；首次发布于 2026/06/20。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。