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以获取更多详细信息。