GraphCommerce is an open source front-end framework for building headless Magento e-commerce storefronts in React.
Take a look at the GraphCommerce demo store or set up your local development environment with the instructions below.
graphcommerce.mp4
git clone -b main --depth 1 https://github.com/graphcommerce-org/graphcommerce.git
mkdir my-project
cp -R graphcommerce/examples/magento-graphcms/. my-project
cd my-project
cp -R .env.example .env
rm CHANGELOG.md
rm -r node_modules && rm -r .next
yarn
Install the dependenciesyarn codegen
Converts all .graphql files to typescript filesyarn dev
Run the app
Visit the development environment running at http://localhost:3000
Visit the GraphQL Playground running at http://localhost:3000/api/graphql
Learn how to contribute to GraphCommerce
- Learn about the general concepts and file structure of the magento-graphcms example
- Learn more about getting started with GraphCommerce