Installation
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.