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許可證獲得許可 - 有關詳細信息,請參見許可證文件