This is a developer preview of GraphCommerce. The documentation will be updated as GraphCommerce introduces new features and refines existing functionality.
GraphCommerce is a front-end framework used for building headless Magento e-commerce storefronts in React. It includes the structure, components, and tooling you need to get started so you can spend your time styling and designing high-end e-commerce progressive web apps (PWA).
GraphCommerce offers a magento-graphcms example that provides a full-featured storefront. The example integrates with your Magento backend and provides a full purchase journey out-of-the-box. It uses GraphCMS to enrich pages with multiple content components, like the homepage.
The magento-graphcms example is styled using the Mui component library. You can start styling by making changes to the theme.
GraphCommerce features include:
GraphCommerce accelerates the Magento front-end development process by using a carefully chosen, industry standard, tech stack. It includes Magento-specific React components, pages, and utilities for e-commerce. They're accessible, performant, and ready for use. They also help to reduce the initial complexity and boilerplate needed for building a custom storefront.
GraphCommerce is not a Magento PWA theme, nor is it a Magento 2 PWA extension. A Magento theme is tightly integrated in the Magento codebase, where a GraphCommerce storefront runs as a separate application.
GraphCommerce can be deployed on the same or a different server than the Magento backend is hosted on. All data is fetched from the Magento 2 GraphQL API. Once you finish GraphCommerce Magento PWA development and you are ready to launch, the regular Magento front-end (theme and extensions) can be decommissioned.