react storefront

React店面框架以構建和部署閃電般的電子商務PWA。

免費和開源。使用Next.js構建

React Storefront（RSF）使用無頭體系結構，使您可以輕鬆替換舊版前端，並通過API連接到任何電子商務平台或後端系統。 React StoreFront擴展了Next.js，以包括您所需的電子商務店面所需的一切。嘗試手機上的TIE BAR，AKIRA和1-800-flowers.com，以查看RSF上的網站的速度！

可笑的速度

React StoreFront竭盡全力擠出速度，以擺脫所有可能的真實和用戶感知的性能優化，包括：

• 動態數據的高緩存命中率
• 服務器端渲染
• 自動放大器創建
• 預測動態數據的預取
• 代碼分裂
• 緩存優化
• 客戶數據重用
• 骨骼
• 還有更多

底線：RSF是為了速度而構建的！

另一種方法

React Storefront採用了一種重視開發人員生產率的大膽的新方法，因此您可以在更少的時間內完成更多工作：

• 沒有配置 - 下載並開始編碼
• 自以為是的框架，為您帶來繁重的舉重
• 在服務器，客戶端和CDN上使用同構JavaScript的統一代碼庫
• 從單個代碼庫中生成AMP和PWA
• 自動指導開發人員進入性能最佳實踐
• 支持Chrome調試器和Visual Studio代碼的源地圖

React Storefront曾經並且將永遠是開源的。任何人都可以使用和支持該項目。 RSF的目標是改善每個人的在線購物體驗。

出售

React店面是用於電子商務的定制構建的：它包含用於電子商務設計的UI組件和模板。 SEO和搜索引擎友好。此外，React店面允許您保留現有的URL方案。

為複雜站點建造

React StoreFront級別從1000萬美元到1B+收入網站，並且已經為領先的企業電子商務網站提供動力。該框架支持複雜的電子商務站點的現實遷移，以增量步驟遷移到PWAS。

我們正在尋找願意幫助我們進行解決方案開發的貢獻者和設計師。

集成

React店面可以通過API輕鬆地與任何電子商務平台集成。

入門

要創建一個新的React店面應用程序，請確保安裝Node 10或Newer並運行：

 npm create react-storefront@latest --yes (my-app-name)

創建應用程序後，您可以通過運行以開發模式啟動它：

 cd (my-app-name)
npm run dev

開發人員文檔

發展

如果您想做出貢獻，請隨時通過錯誤或功能請求報告提出問題，或者只是打開提議更改的拉請請求。

地方發展

克隆回購後，運行：

 npm i

要在項目中使用當地的React-Storefront克隆，請使用yalc 。

將React-StoreFront發佈到您當地的YALC商店：

 yalc publish

然後運行以下內容以將更新的構建推向更改。

 npm run watch

最後，在您的項目運行中：

 yalc add react-storefront

這將更改您的項目的軟件包。 JSON在React-StoreFront的依賴項條目中使用文件路徑。要恢復此更改，請運行：

 yalc remove react-storefront # or yalc remove --all
npm i

加入社區的懈怠

如果您有任何疑問或想法，請隨時加入我們的懈怠：邀請鏈接

文件

文檔始終是每個開源項目的最難部分！但是我們正在努力:-)完整的指南，API文檔和示例

React Storefront is e eact is of Enders將是由Apache2許可證發布的開源。

在layer0上嘗試。部署在任何地方。

像任何Next.js項目一樣，React Storefront都可以部署到運行Node.js的任何環境中。測試驅動器和部署React店面的最簡單方法是在Layer0上，這是一種無服務器的PAAS，可幫助開發人員優化整個堆棧中的速度以交付後秒動態網站。有免費的層。

合作夥伴

RSF是由一組電子商務網站，電子商務代理商和電子商務平台工程師創建的。

鼓勵合作夥伴以各種方式支持該項目 - 主要是通過貢獻源代碼，營銷活動，傳福音，當然是實施生產項目。我們確實通過專門的聯繫渠道，研討會以及分享對實施感興趣的商人的潛在客戶來支持我們的合作夥伴。

React店面徽標和指南

許可證

React StoreFront源代碼是完全免費的，並在Apache V2.0許可證下發布。查看許可證.MD以獲取更多詳細信息。