Menu

Sitecore cms implementation

Sitecore JSS Rendering Content Resolvers

JSS provide us to resolve the context or datasource content items using the Layout service.

  • Used Context Resolver
  • So if you want to do this for the current context item, then you have to use Context Item Resolver.

Now we will use a scenario here, where we have to use a Context Item Resolver

  • Go to your JSS application and using scaffold we will create a new component called “Service Component”. This contain the information of a service. It will look like this.
import {
  withSitecoreContext
} from '@sitecore-jss/sitecore-jss-nextjs';

const ServiceComponent = (props: { sitecoreContext: any }): JSX.Element => {
  const { sitecoreContext } = props;
  const Title = sitecoreContext.route.fields.Title.value;
  const Description = sitecoreContext.route.fields.Content.value;
  console.log("hhhhhh", sitecoreContext)
  return (
    <div>
      <h2>{Title}</h2>
      <h2>{Description}</h2>
    </div>
  );
};
export default withSitecoreContext()(ServiceComponent);

So if you go to the Service Listing Component rendering, go to Layout Service and choose a Rendering Contents Resolver to resolve this.

Here I have used Datasource Context Item Resolver.