Sitecore Data Concepts

Item Tree Structure

Flex takes the structure of your page and converts it into items in Sitecore. Because you can build components and pages dynamically, we create an item for every unit of data on the page, commonly referred to as "organisms" or "atoms."

The items will be named after their equivalent Vue Component, and suffixed with the order they appear at their level.

Differences from Standard Sitecore

Because Flex is front end and JSON driven by nature, we cannot completely rely on Sitecore's presentation details system to organize components and objects. Sitecore operates on a strict one rendering to one datasource structure, whereas with Flex, even the smallest "atom" 3 levels deep inside a component can technically link to another datasource.

Ultimately, the item tree structure is the most accurate representation of Flex data, while the page and presentation details should be considred a "translation."