Documentation
Feedback
Guides
Storefront Development

Storefront Development
Store Framework
Concepts
Interfaces

Interfaces establish a relation between a block and a React component, allowing the Store Builder to build the store's frontend. They can be found within an app's interfaces.json file.

For every exported block, the app also defines a React component linked to that block. For example:


_10
// product-summary/store/interfaces.json
_10
{
_10
"product-summary": {
_10
"component": "ProductSummary",
_10
"composition": "children",
_10
"content": {
_10
"$ref": "app:vtex.product-summary#/definitions/ProductSummary"
_10
}
_10
}
_10
}

In general, frontend apps export different blocks, which are declared and configured in the Store Theme's code, and React components related to these blocks. These components are then rendered on the store's frontend.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page