XM Cloud Introduction
XM Cloud is around the corner. But what is XM Cloud? What does it include? And how can you prepare for it?
What is XM Cloud?
Sitecore Experience Manager Cloud (XM Cloud) is a fully managed self-service deployment platform for developers and marketers to efficiently launch engaging omnichannel experiences in the Cloud using Sitecore’s headless CMS. Experience Manager Cloud bundles the latest versions of Experience Manager, the Pages editor, Sitecore Headless Experience Accelerator (SXA), Headless Services, the Sitecore Next.js SDK (and other Heads), and Experience Edge.
With an optimized cloud-based strategy, you can rapidly and cost-effectively scale to meet your customers’ needs, shorten your time-to-market, and be more adaptive as new capabilities and functionality are added to your Martech stack. Explore how the right cloud approach will help you thrive now and into the future.
Sitecore Experience Manager Cloud re-imagines Content Management and introduces a no-compromise Content Management System (CMS) that delivers developer agility through the best attributes of the headless CMS while empowering marketers through a visually rich, WYSIWYG page composition experience. With XM Cloud, our customers can deliver relevant experiences at high speed.
- Speed: Visitors are greeted with an experience that loads lightning-fast and engages instantly
- Relevance: Customers are recognized and welcomed back to an experience that understands their needs
The importance of your company's growth comes with the:
- Agility: Marketers can easily orchestrate the overall experience across digital campaigns
- Flexibility: Developers can rapidly develop and launch new experience types with modern front-end frameworks
Why use XM Cloud?
Experience Manager Cloud addresses the challenges faced by marketers and developers when using traditional monolithic CMS and modern headless CMS.
The monolithic CMS provides convenience through tightly coupled content management and frontend presentation and delivery capabilities in a single application. However, this convenience comes at the cost of decreased developer agility.
With the modern headless CMS, the content management backend is decoupled from the frontend presentation and delivery capabilities. The decoupling enables developers to take advantage of popular frontend frameworks to rapidly build new digital experiences. While developers gain agility with this approach, it introduces friction for marketers who now need to rely upon developers for even the smallest of changes to the frontend experience.
XM Cloud combines the advantages of both worlds. Building new web experiences based on headless architecture using modern frontend frameworks for a faster time to market. But still giving Marketers the freedom to design the frontend experience utilizing the page layouting functionalities.
XM Cloud provides
- Sitecore Unified Identity (SSO across all applications of Composable DXP)
- Headless SXA (Accelerator Features to speed up time to market)
- JSS
- Headless Services
- Management Services
- Layout Service
- GraphQL
- Azure Blob Storage for Media
- Content Delivery via Edge with Connector
- Sitecore Embedded Personalization (Tenant of CDP) for optional usage
- XM Cloud Deploy (deploy your web experience to XM)
- Supports GitOps
- Local Development using containers (same containers used in cloud)
- Automatic updates to get latest features immediately
XM Cloud Architecture
XM Cloud comes with a Content Management application based on Sitecore XM including known but also new editing Tools. So, you will be able to use Content Editor as well as Experience Editor. In addition to these powerful tools XM Cloud includes Sitecore Pages to manage your content and Design Pages and many other tools.
The content delivery is provided by publishing to Edge. That can be Sitecore Edge (configured as default) but also other edge vendors.
Edge delivers content and design information headlessly through the GraphQL endpoint and can be consumed by any head technology such as Next.js, ASP.NET core, Angular, Vue or React.
Developers and System Administrators can manage the XM Cloud instances and deploy the custom CM (Content Management) customizations using the “build and deployment services” as well as the Deploy App that provides the functionalities via UI.
Setting up an XM Cloud environment
To interact with XM Cloud, no matter if you go local or in cloud, you require an “Organization”. The Organization is your account at Sitecore. From here you can go on, manage your users, provision Projects and Environments.
Organization
- Account of a Sitecore Client
- Level of User Management
Project
- Divider for logical or legal entities.
- Whenever you consider a separate Software Solution that would go towards separate Projects
Environment
- The actual environment of XM Cloud that hold the CM instance
- Allows Multisite.
Deployment
XM Cloud Deploy is bundled with XM Cloud and offers REST API first deployment tooling for your website. A Sitecore CLI Plugin as well as the Deployment Portal web UI helps managing your deployments.
Getting prepared for XM Cloud
You might have recognized that a lot of technologies that we have come across are involved in XM Cloud development. Edge, serialization, headless, containers, JSS, SXA. So, it definitely makes sense to close some of the knowledge gaps in these areas to get prepared for XM Cloud.
Here’s a list of great resources that I found helpful.
XM Cloud
- [Video] XM Cloud Deploy Demo - by Andy Cohen
- [Video] SaaS Migration - Migration from Sitecore XP and XM to XM Cloud by Pieter Brinkman and Jason St-Cyr
- [Example] XM Cloud Introduction Repository - Covering a multisite and multihead solution. MVP site using ASP.NET core SugconANZ and SugconEU site using Next.js along with JSS and SXA.
- [Blogpost] Headless Frontend Development with XM Cloud - by Thomas Desmond
- [Video] Setup your first Headless SXA Site in XM Cloud
- [Video] Deploy your first Headless SXA site to Vercel
- [Video] Setup XM Cloud locally using docker and start developing
- [Video Playlist] Sitecore XM Cloud Youtube Playlist - do not miss a video
Tooling
- [Video] Improving Windows Terminal - by Sebastian Winter
- [Example] Windows Terminal DevEx improvements -
Containers
- [Article] Docker: A Quick overview - by Rob Earlam
- [Video] Docker for beginners - by Travis Media
- [Documentation] Containers in Sitecore development - documentation
Headless
- [Video] Sitecore Headless Development with Next.js - by Nick Wesselman - Create a headless App, create components using JSS and deployment to Vercel.
- [Documentation] Walkthrough: Deploying JSS Next.js apps to Vercel - Documentation and video by Nick Wesselman.
- [Video] The ASP.NET Core Rendering SDK - by Nick Wesselman and Oleg Jytnik
- [Video] Render here, render there, render everywhere - by Thomas Desmond
- [Documentation] Converting existing Sitecore MVC applications to the Jamstack architecture with Headless Rendering - Documentation, walkthroughs and a video by nastasiya Flynn
Serialization
- [Video] Sitecore 10 – Introducing Sitecore Serialization by Rob Earlam
- [Documentation] Create a content serialization Module -
Edge
- [Documentation] Architecture for Experience Edge for XM
- [Video] Sitecore Experience Edge - by Pieter Brinkman
- [Video] Getting started with Vercel Edge Functions in Next.js by Thomas Desmond
- [Video] Making GraphQL requests on your frontend with Next.js by Thomas Desmond
SXA
Sitecore Essentials - FREE
Get started with free learning essentials from Sitecore covering the basics you need to get started with your Sitecore learning journey!