Koushik Mukherjee - XM Cloud & Sitecore 10 Certified Developer

XM Cloud comes preloaded with basic components for text, images, page content, and more. In my previous blogs, I covered how to create and manage components in XM Cloud using the Component Builder. In this post, I’ll provide a step-by-step guide to building custom components in Next.js within the XM Cloud environment. Why Custom Components Matter Developing custom components is a standard approach to creating unique elements that enhance your pages' design, functionality, and user experience. Step 1: Creating a New Headless Module To create a custom component in Sitecore XM Cloud, you first need to set up a Headless Module. Here's how: Navigate to Settings -> Project -> [Site Name] in XM Cloud. Right-click your project, select Insert , and then click Headless Module . In the popup window, choose a name for the module (e.g., Custom Component ) and assign it to a folder. For this tutorial, we created a "Tutorial Site" folder under Feature to store our custom mod

  In the September 2024 release for XM Cloud, Sitecore introduced a range of exciting features designed to simplify website management, making it easier for teams to collaborate within a single, centralized application. This update includes enhanced tools for managing site collections, creating new websites, setting site configurations, handling languages, editing hosts, and other features tailored for large-scale, multi-site environments. Let’s take a closer look at each feature. Site Collections - Simplified Creation and Management One of the key updates in the September release is the enhanced ability to create and manage Site Collections. Site collections provide a structured way to organize sites, allowing content and templates to be shared seamlessly across sites within a collection. With XM Cloud Sites, you can now create new site collections by providing a Display Name and a System or Item Name, ensuring stable, technical references. Site Collections help group sites in a way t