Saleor-Store-Front存储库已
DEPRECATED我们决定从头开始建造一个新的店面,没有花哨的设计,仅着眼于建造商业店面的最佳实践。这个名为React-Storefront的新项目将Next.js用作外观的基础和尾风。您可以在这里找到它:https://github.com/saleor/reeact-storefront。

注意:此项目是关于如何使用销售者的演示。它还没有准备好成为一个入门者,而是说明如何处理不同的情况并可以用作食谱书。会有破裂的变化,并且代码正在不断发展,因此请自行使用。
Saleor的GraphQl驱动,PWA,单页应用程序店面。
请参阅Saleor Storefront的公共演示!
或以免费的Heroku实例启动演示。
这些说明将使您在本地计算机上启动并运行该项目的副本,以开发和测试目的。
要运行店面,您必须设置NEXT_PUBLIC_API_URI环境变量才能指向Saleor GraphQl API。如果您在本地运行Saleor,则使用默认设置, NEXT_PUBLIC_API_URI设置为: http://localhost:8000/graphql/ 。要更改它,要么创建一个.env.local文件,然后在此处添加它,或使用export命令设置ENV变量。
克隆存储库:
git clone https://github.com/mirumee/saleor-storefront.git
输入项目目录:
cd saleor-storefront
要使用官方稳定版本,请查看发布标签:
$ git checkout 2.11.0
请参阅此处的所有发行版列表:https://github.com/mirumee/saleor-storefront/releases/
如果您想使用最新的开发版本,请签约到master Branch:
$ git checkout master
安装NPM依赖性:
npm i
运行开发服务器:
npm start
转到http://localhost:3000来访问店面。
编译应用程序运行:
$ npm run build
要编译应用程序并将店面导出到静态HTML运行:
$ npm run build:export
要在下一个服务器运行下运行该应用程序并以生产模式运行它:
$ npm run build:start
为了在生产版本中启用Apollo DevTools,请设置环境变量
NEXT_PUBLIC_ENABLE_APOLLO_DEVTOOLS=true
如果要运行柏树测试,请确保通过运行安装命令安装所有依赖项(包括Cypress )。
npm i
需要设置以下环境变量才能正确运行测试:
API_URI -GraphQl API地址。STATIC_URL静态文件目标URL,例如。 S3桶CYPRESS_USER_NAME Storefront用户的用户名(电子邮件)。CYPRESS_USER_PASSWORD对于上述用户。如果您是从Docker容器的角度运行店面,则可以使用以下命令运行测试:
无头模式:
cy:run
柏树UI模式:
cy:open
如果您想针对本地开发环境进行测试,请使用以下命令:
无头模式:
test:e2e:run
柏树UI模式:
test:e2e:dev
所有新组件均应遵循原子设计指南,并将其放置在src/@next/components目录中。
可以使用plop生成文件结构:
npm run generate
从Spectrum Post
import Link from "next/link" ,并使用您在paths.ts中创建的新路径(请确保导入它)default-channel 。 该项目已根据BSD-3-CLAUSE许可证获得许可 - 有关详细信息,请参见许可证文件