My new blog present here.

Featured Post

Insights into Sitecore Search: A Definitive Introduction

A key component of digital experience management is effective information retrieval. A simplified approach is required for websites, applications, and platforms containing a lot of material so that consumers can easily get the data they require. This need is met by Sitecore, a well-known name in the field of digital experience platforms (DXPs), which provides powerful and comprehensive search functionality. We will travel into the realm of Sitecore Search in this article, learning about its capabilities, architecture , and the enormous value it offers both developers and end users. Introduction to Sitecore Search    A headless content discovery platform powered by AI , Sitecore Search enables you to build predictive and custom search experiences across various content sources. To extract and index you
Post a Comment

Streamlining Sitecore XM Development: Exploring Sitecore XM0 Topology Container Images

Efficiency and flexibility are essential in the rapidly evolving field of web development. The Sitecore CMS is true headless CMS and provides many products offerings to build the Headless applications. Without content, an experience cannot exist. A strong and user-friendly content management system (CMS) called Sitecore Experience Manager (XM) makes it simple to create and manage experiences across channels and devices.

To use Sitecore XM, Sitecore XM Scaled (XM1) Topology based installation required for the PROD environments, and for development phase, team generally uses Sitecore XP Single Developer (XP0) topology which is not providing the near replica of PROD installation.

You can check following diagrams to get more details about different Sitecore Topologies:

With the help of the above Sitecore topologies, you can easily identify the difference of services/roles between Sitecore XP0, XM1 and XM0 topologies.

   Note: The Sitecore XP based installation provides the analytics and marketing features whereas Sitecore XM based installation does not.

When you don't intend to employ the analytics and marketing elements of the Sitecore Experience Platform then you can use the Sitecore XM environment (i.e., in CMS-only mode).


If your project does not have the requirement for analytics and digital marketing capabilities, then you can start with Sitecore Experience Manager (XM) and later when needs arise then the customer benefits from Sitecore's integrated, composable solutions. From content to commerce, Sitecore enables unforgettable experiences at every stage of the customer journey.


In this case for a local development environment if you are using Sitecore XP0 then you would be not near to your PROD environment Sitecore XM1, and if you are using Sitecore XM1 for your local development then it's required more hardware/infrastructure resources which not possible (time and cost involves).

Currently, there is no readymade Sitecore Container setup available for Sitecore XM0 topology to start with Sitecore XM based development.

In this blog post, we'll delve into the world of containerization and explore how quickly we can build Sitecore XM0 Topology Container Images to start with quick development process.
Getting Started: Setting Up Sitecore XM0 Topology Container Images:   
  • Create the development environment with the Sitecore Containers template for Next.js by executing the command (I assume that all prerequisites are present on your system) 

    dotnet new sitecore.nextjs.gettingstarted -n ContosoProject


  • Above command will create the Sitecore Next.js application with provision to run Sitecore instance XP0/XM1/XP1 topologies


  • To create the Sitecore setup for XM0 topology. create the copy of sitecore-xm1 folder and rename as sitecore-xm0

  • Open the ContosoProject\run\sitecore-xm0\docker-compose.yml file and add scale: 0 for cd and redis services:


  • Now comment out the dependency services on CD service in ContosoProject\run\sitecore-xm0\docker-compose.yml


  • After above changes, change role of CM service to standalone mode using environment variable Sitecore_AppSettings_role:define:


  • Update the init.ps1 (ContosoProject\init.ps1) to include the XM0 topology

The complete code base with Sitecore Next.JS and Sitecore XM0 topology present at
Sitecore XM1 vs Sitecore XM0 Topology   
Please find below some useful information about differences between Sitecore XM1 and Sitecore XM0 topology

Conclusion   
With the help of Sitecore XM0 Topology Container Images you can quickly setup the system for Sitecore XM development, this setup provides an optimization for the local development machine setup time and enhance collaboration. By embracing containerization, developers can streamline setup, increase consistency, and achieve a more efficient and reliable development process. Whether you're a Sitecore veteran or just starting out, exploring Sitecore XM0 Topology Container Images can pave the way for a future of faster, more agile, and seamless Sitecore XM development.

   Note: If you are planning to migrate to Sitecore XM Cloud or starting a new project on Sitecore XM Cloud, in this case you can setup a Sitecore Headless SXA Multisite Next.js app by taking reference of Configuring Sitecore Next.js Headless SXA Multisite App in a Sitecore Container and use Sitecore XM0 topology to develop the application on local systems or provision XM scaled environment in your infrastructure. Once you are ready for QA or UAT then you can move your Content/Code into Sitecore XM Cloud.

The Sitecore 10 onwards by default Edge GraphQL end-points are enabled with similar Edge GQL schema available at Sitecore Experience Edge for XM, content in Sitecore XM Cloud delivered via Sitecore Experience Edge. In this case, code developed in the Sitecore XM (local environment) will work in Sitecore XM Cloud environment.

With this you can save the infrastructure cost during the development phase.

Always good to go through the Sitecore XM Cloud FAQs to get more details about the platform in your requirement analysis phase.


Pingback:   
Configuring Sitecore Next.js Headless SXA Multisite App in a Sitecore Container sitecore jss nextjs sitecore jamstack 
Default topologies | Sitecore Documentation Solutions for your digital experiences XM topology for on-premises
Installation Guide for the XM Scaled Topology Container tips and improvements for Sitecore Developers What is Sitecore Experience Manager?
Sitecore configurations and topology for Azure Using CMS-only mode to run Sitecore without the xDBThe xDB and tracker configuration settings Sitecore Experience Platform - Content Management System
Quickstart guide - All about Sitecore Experience Edge Sitecore Experience Manager (XM) Build Experiences That Connect Sitecore Experience Edge GraphQL Queries
sitecore graphql query examples sitecore experience edge limitations sitecore experience edge connector
sitecore experience edge preview sitecore graphql playground sitecore experience edge architecture
sitecore jss graphql sitecore graphql custom schema What is Sitecore experience manager?
What is the difference between Sitecore experience manager and experience platform? What is Sitecore experience platform? How much does Sitecore XP license cost?
sitecore xm vs xp sitecore xm features sitecore experience editor
sitecore xm cloud sitecore xm personalization sitecore xm architectur
sitecore architecture sitecore xm documentation sitecore xm scaled topology
what is sitecore xm sitecore 10 topology sitecore xm architecture
sitecore topologies and tiers sitecore 10.2 topology sitecore xm
sitecore xm cloud sitecore xm vs xp sitecore xm features
sitecore xp0 vs xp1 sitecore xp0 topolog sitecore xm scaled topology
sitecore 10 topology sitecore xp0 vs xp1 sitecore 10.2 topology
sitecore topologies and tiers sitecore xp0 topology sitecore xm
Sitecore XM0 development Sitecore XM containerization Sitecore XM0 topology
Container images for Sitecore XM Sitecore XM0 environment setup Streamlining Sitecore development
Docker for Sitecore XM Sitecore XM0 deployment Efficient Sitecore development
Sitecore containerization benefits Docker images for Sitecore XM Sitecore development best practices
Sitecore XM environment consistency Sitecore XM0 development workflow Accelerating Sitecore XM development
Sitecore XM0 deployment process Benefits of containerization for Sitecore Sitecore development using Docker
Elevating Your Sitecore Next.js App with Tailwind CSS: A Perfect Union of Design and Performance create-next-app typescript tailwind integrate tailwind with react
add tailwind to next js sitecore jss next.js sitecore next.js sxa
sitecore jss sxa sitecore next.js next.js sitecore
sitecore nextjs sample website Guide To Fixing Setup Errors: Sitecore Headless SXA, Next.js, XM Cloud Dev | Fishtank Consulting (getfishtank.com) sitecore-jss-nextjs github
Creating a JSS Next.js application with the JSS CLI The Sitecore Containers template for JSS Next.js apps Connecting a code-first JSS Next.js application to Sitecore
Setting up a development environment with the Sitecore Containers template for Next.js Jamstack for Sitecore JSS using Next.js with Uniform SDK Sitecore JavaScript Rendering SDK (JSS) for Next.js 
Prerendering methods and data fetching strategies in JSS Next.js apps Architecture and APIs for integrating JSS Next.js apps with Sitecore editors Getting started with JSS for Next.js development
Query examples - Sitecore Documentation Start using Sitecore GraphQL API - Sitecore Documentation Sitecore Experience Edge 
next.js sitecore sitecore node js next js sitecore
next.js sample project sitecore query examples sitecore jss quick start
How to use a API proxy in Sitecore JSS NextJS Application How to use a proxy in Next.js Next.JS — How To Proxy To Backend Server
How To Protect Your API Key In Production With Next.js API Route Next.JS — How To Proxy To Backend Server Building a Reverse Proxy Server with Node.js 
How to GET request data using proxy for API in NextJS Next Js does not proxying API requests Setting up proxy in Next.js for DEV environment
Proxy api requests w/o a custom server Next.js: The Easiest Way to Create an API Proxy The Easiest Way to Create an API Proxy in NextJS
API proxies Next.js Next.js API proxy benefits Secure API communication Next.js 
CORS handling Next.js Server-side authorization Next.js API rate limiting Next.js 
Response manipulation Next.js Next.js microservices integration Backend integration Next.js
API proxy security Next.js api next.js next.js proxy api
proxy api calls js proxy api api proxies meaning
proxy api next js next js api example next js context api example  
next js auth example next js authentication example sitecore jss
next api proxy next js api proxy nextjs api proxy 
nextjs proxy api requests sitecore github sitecore nextjs getting started
nextjs http proxy sitecore nextjs graphql sitecore jss getstaticprops
difference between proxy and api what is a proxy in api api proxy example
sitecore jss tutorial sitecore jss api what is proxy in rest api 
sitecore jss routing sitecore jss topology next js api as proxy
sitecore jss example sapi proxy vs gateway sitecore jss architecture
next.js api proxy next js proxy api requests next js proxy api route
next js api best practices npm sitecore jss sitecore jss license
next js proxy api call sitecore jss nextjs sitecore-jss 
next api example why sitecore jss sitecore jss proxy
sitecore jss site sitecore jss nextjs page sitecore nextjs
sitecore jss getting started sitecore next.js sitecore jss docs
jss sitecore github sitecore jss headless sitecore jss placeholder
jss next js sitecore jss sxa jss setup sitecore
sitecore jss node version sitecore nextjs page Walkthrough: Connecting a Next.js JSS app to Sitecore editors 
next js sitecore gitignore next js pages next js
Architecture and APIs for integrating JSS Next.js apps sitecore-jss-nextjs github sitecore javascript rendering
next.js 404 page next.js custom 404 page next.js 404
Next.js API routes Sitecore Headless SXA Sitecore Headless NextJS SXA
Component-level data fetching in Sitecore JSS with Next.js Sitecore NextJS Component Refactoring and Reusability How to setup Secure Sitecore JSS Site
Getting Started Sitecore JSS with NextJS How to setup JavaScript Services (JSS) for Sitecore 9 Deploying a Sitecore JSS-Next.js App with SSG & ISR to Vercel
Walkthrough: Creating a JSS Next.js application with the JSS Sitecore JavaScript Rendering SDK (JSS) for Next.js Sitecore JSS for Next.js differences from JSS for React
sitecore edge 

Comments

Post a Comment

Popular posts from this blog

Sitecore GraphQL Queries

Image
This article will provide the details about Sitecore GraphQL queries usage and how it will be useful in creating Sitecore projects especially Sitecore JSS projects. The topics covered under this Sitecore GraphQL article are: •    Overview of Sitecore GraphQL (GQL) •    Setup GraphQL (GQL) in Sitecore •    Usage of Sitecore GraphQL (GQL) in Sitecore JSS •    GraphQL (GQL) Queries Usage         o   Get an item by path and show field id and name       o   Return the name and value from all fields       o   Get the values of Treelist or Multilist field type       o   Get the template field details with values of current item       o   Get the field values using Aliases       o   Return a specific field with Alias       o   Get Child Items using GraphQL       o   Get specific Child Items using GraphQL and alias       o   Get multi-level children details       o   Get repeated fields using Fragments       o   Get list of all languages       o   Sitecore GraphQL Search - using Search quer
Read more

Sitecore Experience Edge GraphQL Queries

Image
The Headless development in Sitecore is powered by a layer of services, API endpoints, and rendering SDKs: Services and API endpoints Sitecore Headless Services Sitecore Experience Edge for XM Rendering SDKs Sitecore ASP.NET Rendering SDK Sitecore JavaScript Rendering SDKs (JSS) In this article, we will explore about Sitecore scalable API layer called Sitecore Experience Edge which provides you a Sitecore-hosted GraphQL (GQL) API. With these Edge GraphQL (GQL) endpoint you can build your solution in any language and pull the required content with the help of GraphQL (GQL) . The major GraphQL APIs of Sitecore Experience Edge are: Preview API Delivery API You can check more details about these APIs at Type of Sitecore Experience Edge API . GraphQL is a query language for these APIs t
Read more

Configuring Sitecore Next.js Headless SXA Multisite App in a Sitecore Container

Image
Leading digital experience platform Sitecore offers strong capabilities for developing reliable websites and applications. The headless CMS and Jamstack architecture trends have been very popular in recent years. Sitecore provides Headless SXA (Sitecore Experience Accelerator) as a solution to decouple the front-end presentation layer from the content management capabilities since it recognizes the value of headless capabilities. In this article, we will guide you through the process of configuring a Sitecore Next.js multisite app and integrating it with Headless SXA in a Sitecore container. This setup allows you to leverage the benefits of Next.js, a popular React framework for server-side rendering, and the flexibility of Headless SXA for managing and delivering content. Table of Contents Step 1: Set Up the Sitecore Container Step 2: Add support for Sitecore SXA in Sitecore Headless Container setup St
Read more