Frontastic components

A Frontastic component needs to be created by a developer and then can be used to build your commerce site. They're the central part of Frontastic.

A Frontastic component is made up of a definition from the Frontastic studio, the corresponding frontend code, and the required data from an API.

A Frontastic component always consists of 2 parts:

  1. A JavaScript entry point which is a ReactJS (JSX/TSX) component that receives some special props
  2. A JSON file that defines which data the Frontastic component requires and how this should be configurable in the Frontastic studio, we call this JSON file the schema

Each Frontastic component should have their own folder in the packages/<project>/frontend/frontastic/tastics folder that has these 2 files.

In the articles in this section, you'll learn how to develop a Frontastic component step by step.


Frontastic components are called tastics in code for short.

Did this page help you?