In this guide you'll get a high-level introduction to React Storefront, what it provides, and the technologies that it uses.
Apps built with React Storefront are progressive web apps (PWAs) by default. React Storefront automatically provides a service-worker that provides offline browsing and handles caching of both static assets and API calls.
React Storefront is built on top of the most widely used framework in the React community, next.js. It follows the standard next.js directory structure and can be deployed to any node.js environment and many serverless environments, such as Layer0 and AWS Lambda.
As with all Next.js apps, server-side rendering is built in. Server-side rendering when combined with caching at edge provides the fastest initial landing experience for your users and ensures your app is search engine friendly.
React Storefront's components are built on top of Material UI, the most popular set of UI components in the React Community. React Storefront provides components that are common to many ecommerce apps, such as:
- Main Menu
- Navigation Tabs
- Media Carousel
- Color Selector
- Size Selector
- Quantity Selector
... and more!
React Storefront provides the fastest possible shopping experience by prefetching and caching linked pages before the user navigates to them, providing an "instant back" experience by saving page data in window.history.state so that it does not need to be refetched when the user navigates back.
React Storefront scales from $10M to $1B+ revenue sites and is currently being used by multiple eCommerce companies on top of the following platforms:
- Salesforce Commerce Cloud (formerly Demandware)
- SAP Commerce Cloud (formerly SAP Hybris)
- Oracle Commerce (ATG)
- HCL Commerce (formerly IBM Websphere Commerce)
... and more!
Prebuilt eCommerce platform connectors help you get up and running as quickly as possible. The connectors that are currently open source are:
More information on connectors can be found in the Connectors guide.