Skip to content

GraphCommerce® is a headless storefront replacement for Magento 2 (PWA), that delivers a faster, better user experience. Fully customizable (React, Next.js) and open-source.

License

Notifications You must be signed in to change notification settings

carlocarels90/graphcommerce

 
 

Repository files navigation

GraphCommerce Logo

📚 Docs | 🗣 Slack | 📝 Changelog

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

Getting Started

Download the example

  1. git clone git@github.com:graphcommerce-org/graphcommerce.git
  2. mkdir my-project
  3. cp -R graphcommerce/examples/magento-graphcms/. my-project
  4. cd my-project
  5. cp -R .env.example .env
  6. rm CHANGELOG.md
  7. rm -r node_modules && rm -r .next

Edit /package.json. Delete "scripts": {...} and rename scripts_local to scripts:

{
  "name": "@my-company/my-project",
  "scripts": {
    ...
  }
}

Start the development environment

  • yarn Install the dependencies
  • yarn codegen Converts all .graphql files to typescript files
  • yarn dev Run the app

Visit the development environment running at http://localhost:3000
Visit the GraphQL Playground running at http://localhost:3000/api/graphql

Contributing to GraphCommerce

Learn how to contribute to GraphCommerce


Next steps

About

GraphCommerce® is a headless storefront replacement for Magento 2 (PWA), that delivers a faster, better user experience. Fully customizable (React, Next.js) and open-source.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 99.0%
  • Other 1.0%