Create Custom Rendering Contents Resolver for Sitecore Headless Application

-

Use case: We have a requirement of Country Language selector component which will display country name , language and flag information. 


Why we need here Custom Rendering Contents Resolver?

The requirement looks pretty simple except one point i.e. Country name and flag data which are  available in .Net Culture Info class (System.Globalization.CultureInfo). Hence we need to write the custom resolver here to extract the Country specific data from CultureInfo class.

Solution: Here are the steps to create the Custom Rendering Contents Resolver - 

  • Should have Site level languages list available somewhere in the content tree for this component and the applicable languages can be selected from this list.

  • Define your custom resolver under  /sitecore/system/Modules/Layout Service

  • Provide the Assembly information in the Type field for you Custom Contents Resolver.

  • Now create one JSON rendering for this and make sure to use the same Resolver we just created above.


Coding part - 

  • Create one class which inherits RenderingContentsResolver class.

  • Override the ResolveContents method. In this method we'll access the Datasource item and make a call to the function which will actually extract the country information. The highlighted line does this job.

  • Write the custom logic in GetLanguageInfo methd to extract the Country information which are required.

  • Layout Service response of this resolver call - 


Thanks for reading this article!

S Kumar

Comments

Post a Comment

Popular posts from this blog

Setup Sitecore XM Cloud Dev Environment using Docker

-
Image
In this blog, I will walk you through the process of setting up a Sitecore XM Cloud development environment using Docker containers. What is XM Cloud? Sitecore Experience Manager Cloud (XM Cloud) is a completely managed self-service deployment platform designed for developers and marketers, enabling them to seamlessly launch compelling omnichannel experiences in the Cloud utilizing Sitecore's headless CMS capabilities. Docker Containers - On the other hand, Docker containers enable the creation of a local environment that closely replicates the production setup. Sitecore offers pre-configured container images, making it simple to set up. By using  "docker-compose up" , you can swiftly launch an instance, and the required container images will be downloaded automatically. Let's dive in and get started! Prerequisites - Before we start setting up the Sitecore XM Cloud, ensure that you have the following prerequisites ready and installed: A valid Sitecore License file. .
Read more

Sitecore Content Hub - Triggers, Actions and Scripts

-
Image
Triggers: In Sitecore Content Hub, triggers are events or conditions that initiate automated actions. These can include changes to assets, metadata updates, or other predefined criteria. Triggers serve as the starting point for automation workflows, reacting to specific events within the system. Actions: Actions in Sitecore Content Hub are the executable steps triggered by an event or condition. These steps can be a variety of operations, such as updating metadata, moving assets, or triggering notifications. Content Hub provides a set of predefined actions, and users can also create custom actions to suit their specific workflow requirements. Scripts: Scripts enhance the automation capabilities in Sitecore Content Hub. Users can write scripts using languages like JavaScript, C# to define custom logic for triggers and actions. These scripts allow for more flexibility and can be leveraged to perform complex operations, extending the automation capabilities beyond what predefined actions
Read more

All Blog Posts - 2023

-
⮚ Sitecore Content Hub - Triggers, Actions and Scripts ⮚ Setup Sitecore XM Cloud Dev Environment using Docker ⮚ How to test Next.js pages and components with Jest for Sitecore Headless Development ⮚ Fetch component-level data in Next.js app using GraphQL - Sitecore Headless Development ⮚ Multisite configuration in Next.js application using Middleware ⮚ Generate a sitemap for Sitecore Headless Next.js app ⮚ Create Hero Banner component in Next.js app using the Sitecore-first development workflow ⮚ Fetch Site Settings in Layout Service using GetLayoutServiceContext Pipeline ⮚ GraphQL query to fetch Site Settings item in Next JS application ⮚ Create Custom Rendering Contents Resolver for Sitecore Headless Application ⮚ GraphQL query to fetch the country specific state list - Sitecore Headless Development ⮚ Sitecore Item Service Rest APIs for Client Apps ⮚ Sitecore OrderCloud SDK Client Library for .NET ⮚ Custom validator for Sitecore Rich Text field ⮚ Useful PowerShell sc
Read more