MVP 2024
Technology
MVP 2023
Technology
MVP 2022
Technology
MVP 2021
Technology
Timeline
XM Cloud Style Library - Part 2 - What about the styles?
In "XM Cloud Style Library - Part 2 - What about the styles?", I explore the potential of Sitecore XM Cloud Components' Style Library beyond its primary function of defining design elements for marketer-created components. I investigate whether the Style Library can be integrated into custom React component development to establish a unified design system. By examining the "Get embedding code" feature, I analyze provided code samples for React, React Server Components, Web Components, and the ...
Sitecore XM CloudXM Cloud Style Library - Part 1 - What is it?
In my blog post "XM Cloud Style Library - Part 1 - What is it?", I introduce the Sitecore XM Cloud Components' Style Library—a centralized repository for managing design elements across digital platforms. This library allows me to define and organize design primitives such as fonts, colors, graphics, and breakpoints, which I then use to build comprehensive style rules like typographies, decorations, fills, and spacings. Using the Style Library helps ensure design consistency, enhances developm...
Sitecore XM CloudXM Cloud - from scratch - Part 3 - Starting with development
In "XM Cloud - from scratch - Part 3," I guide you through setting up a local development environment for Sitecore XM Cloud. The process involves cloning your project repository from GitHub or Azure DevOps, installing necessary packages, and connecting to the XM Cloud preview endpoint. Key steps include creating a .env.local file with environment variables, running npm install to install dependencies, and starting the application locally with npm run start:connected. Additionally, I discuss the ...
Sitecore XM CloudXM Cloud - from scratch - Part 2 - Understanding XM Cloud's Automated Deployment
In "XM Cloud - from scratch - Part 2," I delve into XM Cloud's automated deployment process. The deployment begins by creating a new repository in your connected GitHub or Azure DevOps account, cloning the foundation template. XM Cloud then provisions the necessary infrastructure, likely utilizing a Kubernetes cluster, to host the Content Management (CM) instance. It pulls the latest code from your repository into a hosted build server, building both the Sitecore solution and the Next.js-based f...
Sitecore XM CloudXM Cloud - from scratch - Part 1 - project, environment, and site creation
In "XM Cloud - from scratch - Part 1," I explain how to set up a new Sitecore XM Cloud project from the ground up. I guide you through creating a project and environment using XM Cloud Deploy, integrating it with GitHub for source control, and configuring deployment settings. I follow Sitecore's best practices, ensuring the project is connected to a single repository to streamline promotion across development, QA, and production stages. I also stress the importance of proper GitHub integration, ...
Sitecore XM CloudSitecore Demo Portal - 10.3+ SXA headless development
In "Sitecore Demo Portal - 10.3+ SXA headless development," I guide you through setting up a headless CMS using Sitecore XM 10.3 via the Sitecore Demo Portal. The process involves deploying an empty Sitecore XM instance integrated with Experience Edge, configuring GitHub for source control, and establishing environment variables like JSS_EDITING_SECRET and GRAPH_QL_ENDPOINT. I also highlight the benefits of upgrading to Sitecore 10.3, including access to the latest JSS SDK, SXA Headless capabili...
Sitecore XM Sitecore XM CloudXM Cloud Pages - what do translation files tell us
In "XM Cloud Pages - what do translation files tell us", I examine the English translation file used by the XM Cloud Pages editor, accessible at https://pages.sitecorecloud.io/assets/i18n/en.json. This file consolidates all textual elements utilized within the application, offering insights into its features and functionalities. Notably, while the application appears designed to support multiple languages, attempts to access translation files in languages other than English were unsuccessful, in...
Sitecore XM CloudXM Cloud Pages - feature flags
In the blog post "XM Cloud Pages - feature flags," I explored the network traffic of the XM Cloud Pages editor and discovered a GET request to retrieve feature flags. This request returned a JSON array of feature flags, each with an ID, description, and enabled status. Notably, features like "Render editing canvas through Horizon" were disabled, while others such as "Enables inline adding of components" were enabled. I attempted to modify the key and labelfilter parameters but found no additiona...
Sitecore XM Cloud