Front-Commerce is a Node.js server that will serve a GraphQL endpoint and a React application to your customers. In order to run it, you need to make sure you have `npm` and `node` installed on your machine in a supported version.
📄️ Extend the theme
Theme override is the mechanism allowing to extend, adapt, and rewrite almost everything contained in the base theme.
📄️ Adapt the theme to your brand
When you start a new project, one of the first things you will need to do is adapt the look and feel of Front-Commerce to match your brand's style.
📄️ Create a UI Component
In this documentation, you will learn how to build a UI Component. We will do so by creating our own. We will use Storybook in the process because we think it is a good way to be productive for this task.
📄️ Add a component to Storybook
Our goal with Front-Commerce is to give you the tools you need to develop a delightful user experience within your e-commerce shop. One of these tools is a Design System.
📄️ Create a Business Component
In this section, we will build a Business Component. The core concept is the same as creating a UI component.
📄️ Add a new page
Front-Commerce comes with a classic set of pages for an e-commerce application. It has URLs for Catalog routes (Categories, Product, Search…), Checkout routes, Account routes, Cms pages… When building your own e-commerce experience you will most likely need to add your own pages/routes. That's what we will focus on in this guide.
📄️ Extend the GraphQL schema
When developing an e-commerce store, you might at some point need to expose new data in your unified GraphQL schema to support new features and allow frontend developers to use them. Front-Commerce’s GraphQL modules is the mechanism allowing to extend and override any part of the schema defined by other modules.