How To Create a Site in XM Cloud Sand Box for Beginner's

 

Site Setup in XM Cloud

 

Introduction: The objective of this document is to help the beginners to set up a site in XM Cloud Sand box  .This document will also capture few details about factors to consider for Licensing.

 

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.

 

Architecture



 

Note-Sitecore managed cloud is different from XM Cloud. Managed cloud talks about hosting your XP or XM in Sitecore azure environment. It’s like a PAAS service whereas XM cloud is SAAS service.

 

Licensing-Licensing for XM Cloud is based upon the below factors.

  •       Traffic Based
  •        No More Custom Domain Limit
  •        Project based
  •        Edge band width
  •        Edge storage(5GB)
  •        Concurrent Author Limit 
  •        Standard Support/Premium Support

Setup the Project in XM cloud

   Prerequisites

  •  A valid organization login for the Sitecore Cloud portal
  •  Organization Admin role access or higher in the Sitecore Cloud portal to access XM Cloud Deploy tools to create projects and environments.
  •  A GitHub source control account.

 

 


  Log into Sitecore Cloud Portal

·    Open the Sitecore Cloud Portal (https://portal.sitecorecloud.io) and log in.

·     Access the XM Cloud project and environment management interface by clicking XM Cloud Deploy. This will Land to the page where you can create your project as mentioned below. 

 



 

 Project setup

  •           Create project and authoring environment by clicking create project button

1. 



 

  • .         Mention the project name Project Name e.g. LNGXMCloudDemo and click the Continue button



 

  • .        Select GitHub or to Azure DevOps. A starter solution will be copied to your connected source code       repository as a starting point. for the demo purpose I have select github account.



 

  • .       Select a GitHub Account from the dropdown or click on Connect to a new account and follow the steps to connect to a different account. Make sure you give rights to create a new repository in your account.



 

  • .      In the Production SaaS SLA section you will specify if this new environment is a production environment or not. Select No to make this a non-production environment and Select whether you want to auto deploy on push to the repository. Select “Yes”. This enables the CI/CD pipeline from your main branch. This can be adjusted later.




  • .      On the last step review your selections and click the “Start deployment” button. Once deployment completed the below screen will appear. This  will end up with creating a project



 

Create the site

  • .      Select the project you created and click open app as mentioned in the screen shot below. For my demo purpose its LNGXMCloudDemo.

 



 

  • .      Under the Sites tab, click Create site and choose your template and give the site name. For demo purpose I have selected empty site template and the site  name is Xmclouddemo as mentioned below in the screen shot. 

 



  •  As you can see the XMclouddemo  site in created as per the above screen shot.

Please refer to my next blog on how to  Integrate Next Js app with XM cloud

 

Comments

Post a Comment

Popular posts from this blog

Solrcloud With Zookeeper -Single server setup

Image
Getting Started with SolrCloud: A Beginner’s Guide for First-Time Users If you’ve been diving into search technology and stumbled across SolrCloud , you might think it’s just Apache Solr hosted in the cloud. That’s a common misconception—but SolrCloud is much more powerful than that. In this beginner-friendly guide, we’ll walk you through what SolrCloud actually is, why you might need it, and how to get it up and running on your local machine for development or testing.  What is SolrCloud (and Why Should You Care)? SolrCloud is the distributed, fault-tolerant, and scalable evolution of Apache Solr’s traditional architecture. While the original Solr relied on a master-slave model , SolrCloud is built for modern, large-scale applications that require high availability and real-time indexing.  Key Benefits of SolrCloud: High Availability : Replication ensures your data is always accessible—even if some nodes go down. Scalability : Easily add new nodes as your indexin...
Read more

Render Sitecore Experience Forms Using Sitecore XP 10.4 with a Headless Approach (Next.js + JSS SDK)

Image
  In this blog post, we’ll walk through rendering Sitecore Experience Forms using Sitecore XP 10.4 (Update 1) with a headless (Sitecore-first) approach , leveraging Next.js and Sitecore JSS SDK . This guide assumes you're using connected mode , where your frontend directly interacts with your Sitecore backend. Goal: Enable a fully functional Sitecore Experience Form to render and work within a headless Next.js application. đŸ§± Prerequisites Before getting started, ensure you have the following: Backend: ✅ Sitecore XP 10.4 Update-1 installed ✅ Sitecore Headless Rendering 22.0.0 package installed Frontend: ✅ Node.js and npm installed ✅ Visual Studio Code (or any preferred IDE) 🧭 Step 1: Set Up Sitecore for Headless Forms Since this is a Sitecore-first approach , we begin by configuring everything in Sitecore before moving to Next.js. 🔑 1. Create an API Key Go to Sitecore Content Editor Create a new API Key item (e.g., under /sitecore/system/Mo...
Read more

Next.js with XM Cloud EDGE and GraphQL

Image
  Building a Component with Next.js and GraphQL from Sitecore XM Cloud Edge — No JSS Required Goal: In this blog post, we’ll walk through how to create a simple component in Next.js that fetches data from Sitecore XM Cloud Experience Edge using GraphQL — without using any JSS libraries. đŸ§© What You’ll Need from Your Sitecore XM Cloud Instance Before we start coding, we’ll need a few pieces of information from your Sitecore project: 1. Edge Token and GraphQL Endpoint Log in to your Sitecore XM Cloud project. Select your environment. Go to the "Details" tab. At the bottom, you’ll see Live GraphQL IDE (Experience Edge) . Click "Generate Delivery API Token" — this gives you the Edge API token and the GraphQL endpoint URL. We’ll use this token later in our .env.local file. 🛠️ Project Setup: Next.js + GraphQL 1. Create a Next.js App      Run the following command to bootstrap your app: npx create-next-app@latest xmcloud 2. Install Gr...
Read more