Quickly reduce the amount of time needed to generate Sitecore XM Cloud components. Simply enter the data type, field name, template field name, and renderer type on a single line and then press submit to have the boilerplate code generated with the necessary imports, component properties, rendering fields, and JSX element output. Also generates a representation of the item using GraphQL syntax.
Demonstration written by serving an HTMX index file with Flask (Python) and styled using Tailwind CSS. The HTMX binds the forms submit event to an endpoint on the Flask instance, and then accepts the boilerplate code to be displayed within the inner HTML of a div element. Tailwind CSS creates the responsive design that also supports dark mode detection.
Provide a component name for the fields and then seperate each field definition on a new line. Use Type, Field Name, Label, Renderer format.
- object, firstName, First Name, Text
- object, content, Content, RichText
- object, url, Url, Link
- object, backgroundImage, Background Image, Image
- object, publishDate, Publish Date, Date
- object, pdf, Pdf, File
- string, category, Category, None
All terms used are copyright to their original authors.
Live demo hosted in Microsoft Azure App Service Boilerplate Sitecore XM Cloud Component Builder.
Azure F1 instances are ❄️ ice cold. That first load will need some 🌞 warming up.