Frontastic components

A Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. 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 componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. is made up of a definition from the Frontastic studioFrontastic studio - The interface you use to manage, build, and edit all areas of your project and commerce sites. Previously known as `backstage`., the corresponding frontend code, and the required data from an API.

A Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. 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 componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. requires and how this should be configurable in the Frontastic studioFrontastic studio - The interface you use to manage, build, and edit all areas of your project and commerce sites. Previously known as `backstage`., we call this JSON file the schemaschema - The framework behind a Frontastic component and the fields that are available within the Frontastic studio.

Each Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. 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 componentsFrontastic components - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. are called tastics in code for short.


Did this page help you?