Skip to main content



Besides React and Next.js, Graphcommerce uses the following technologies/libraries worth exploring.

mui ts graphql graphql-generator apollo framer

Mui Core
Google's pre-built component library is utilized to build high-quality, robust GraphCommerce components.

Is used to guard code quality, maintainability, and productivity by catching errors during development. With Typescript, setting up VSCode correctly enables autocomplete, simplifying the exploration of GraphCommerce's codebase.

A query language for APIs, utilized for fetching and modifying data in Magento.

GraphQL Code Generator
Simplifies GraphQL query usage in components by auto-generating types from the schema.

Apollo Client
Used for managing data fetching, caching, and state management.

Framer Motion
For creating fluid, interactive animations, accounting for browser limitations and performance.