React Storefront a standalone PWA storefront for your eCommerce websites that works with any eCommerce platform or backend system.
Crafted with ❤️ by Moovweb. Developed with Divante team and the Community. Our goal is to build a vibrant open source community around the project and solid PWA framework React developers will love :)
React Storefront goes the extra mile to squeeze speed out of every possible real and user perceived performance optimization including:
- Server Side Rendering
- Automatic AMP creation
- Predictive prefetching
- Code splitting
- Cache optimization
- Client data reuse
- Skeletons
- and more
Bottom Line: sub-second page loads that are unmatched in the industry!
React Storefront takes a bold new approach that values developer productivity so you can get more done in less time:
- No config -- download and start coding
- Opinionated framework that does the heavy lifting for you
- Unified code base that uses isomorphic JavaScript across the server, client, and CDN
- Generate AMP and PWA from a single code base
- Automatically guides developers into performance best practices
- Supports source maps for Chrome Debugger and Visual Studio Code
React Storefront is and always will be open source. Anyone can use and support the project, we want it to be a tool to improve the online shopping experience for everyone.
The project is in the production ready phase. Already supporting live retailer sites with 10M$ + to 1B$+ in annual eCommerce revenue!
We are looking for Contributors and Designers willing to help us in the solution development.
|
Try out our open demo and if you like it first give us some stars on GitHub ★ and then contact with us on Slack or via contributors@reactstorefront.io. This demo site is connected to a BigCommerce demo instance. If You like to integrate your custom 3rd-party backend please do contact us. |
React Storefront can be easily integrated with any eCommerce platform by implementing the synthetic API. To make life easier we're preparing some out-of-the-box integrations. Currently we support BigCommerce out of the box. More platforms to come soon!
You can create a local copy of the demo site using create-react-storefront to use as a starting point for your own site:
npm install -g create-react-storefront
create-react-storefront my-site
npm run start:express
Read the Tutorial. Check out the source code of the demo site.
If you like to contribute please feel free to Raise an issue with a bug or feature request report, or just open a Pull Request with the proposed changes. In any case read the CONTRIBUTING.md first
Please feel invited to join our React Storefront Community!
After cloning the repo, run:
npm i
To use your local clone of react-storefront in projects, use yalc.
To publish react-storefront to your local yalc store:
yalc publish
Then run the following to push updated builds to yalc store on changes.
npm run watch
Finally, in your project run:
yalc add react-storefront
This will change your project's package.json to use a file path in the dependency entry for react-storefront. To revert this change, run:
yalc remove react-storefront # or yalc remove --all
npm i
If you have any questions or ideas feel free to join our slack: invitation link
Here you can find the roadmap for current milestone and what you can expect with the next release.
Our short and mid-term plans include:
- adding alternative production build and deployment options,
- optimize the UI layer,
- long term plan - to port Storefront UI to React and use it in the project.
The documentation is always THE HARDEST PART of each open source project! But we're trying hard :-) Full Guides, API Documentation, and Examples
React Storefront was created to solve a set of key business challenges from the world of the shopping experience. Our goal is to provide the following solutions:
- An ultrafast front-end for the store- with the PWA approach we can now render the catalog of products within milliseconds;
- Endurance for traffic overloads on the store;
- Off-line shopping capabilities;
- A smooth shopping experience, similar to that of a native mobile application;
- An all-in-one front-end for desktop and mobile devices with no necessity for maintaining 3 or more applications for different touchpoints (web browser, Android, iOS etc.).
- Rapid development without architecture limitations.
React Storefront is and always will be Open Source, released under Apache2 Licence.
Most of the core team members, React Storefront contributors and contributors in the ecosystem do this open source work in their free time. If you use React Storefront for a serious task, and you'd like us to invest more time on it, you can donate to the project! You can support us in various ways:
- Contribute - this is how the Core Team is supporting the project!
- Evangelize - tweet about us, take some speaking slot at tech conference etc.
If you would like to support us please just let us know: contributors@reactstorefront.io
React Storefront runs best on the Moovweb XDN. Moovweb provides a serverless platform-as-a-service called the XDN (Experience Delivery Network) that is available for purchase. The XDN helps developers optimize speed across the entire stack to deliver dynamic websites that load in a blink of the eye. Features that are available for purchase are listed are tagged with "XDN" in the table of contents.
This project has been created by Moovweb. Divante has recently joined and we decided to open it and develop towards general purpose PWA framework. Divante folks created Vue Storefront - the most popular PWA framework for eCommerce and Vue.js.
The products, despite the common name are totally different at this point.
Our goal joining the forces is to build a vibrant community. We started the cooperation with the natural step of adding BigCommerce support to the framework. Both React and BigCommerce were not available in the frameworks we used yet! The next steps are to work on providing the different deployment options, to optimize the UI and to hear your feedback and improve the product!
PS: Check StorefrontUI - our UI library for eCommerce. We plan to port it from Vue.js to React in the nearest future
Crafted with ❤️ by Moovweb and developed with Divante team. Read the full story.
React Storefront is a Community effort brought to You by our great Core Team and supported by the following companies.
Partners are encouraged to support the project in various ways - mostly by contributing to the source code, marketing activities, evangelizing and of course - implementing the production projects. We do support our partners by dedicated contact channels, workshops and by sharing the leads from merchants interested in implementations.
If you like to become our Partner just let us know via contributors@reactstorefront.io.
React Storefront source code is completely free and released under the Apache2 License.
With any new Pull Request please make sure you've updated the CHANGELOG file.