What is a custom component

Studio projects are highly customizable using React to enhance the built-in library with your own components, empowering developers to integrate projects to any other external service. These are the most important features regarding custom components:

Custom components

Expose components props to the Studio visual editor#

Custom components props can be exposed to the visual editor which allow other users as marketers or content editors to modify properties visually.

Component properties

Style components using styled-components#

Components can be styled using the CSS as usual but styled-components is available to optimize the experience for developers.

Static rendering#

All your custom components are statically rendered and cached for optimal performance and SEO.

Server side props powered by lambda functions#

Custom components can be initially data populated before being statically rendered. Components can use the Fetch API to retrieve data from any source such as Wordpress API, Prismic or Contentful.