Documentation
Feedback
Guides

Concepts
Interfaces

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

For example:

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

In general, front-end 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 front end.

To sum up, for every exported block, the app also defines a React component linked to that block.

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