How can I get the content from a Page and all its Components in JSON format?

Question

I have a website with Sitecore 10.1 and MVC. There is a requirement to get the page data and data of all components placed on the page in a single JSON object.

We are not using the Sitecore layout services.

Is it possible to get the page and it's component data through API in JSON format?

Answer 1

If you want to get the Item data in the form of JSON Object using API then you need to work with the ItemService using Sitecore.

You can use the ItemService in the following ways:

• Directly with the ItemService RESTful API.

• With the ItemService JavaScript library.

For example, if you want to get the item details then you can call it using this API request.

/sitecore/api/ssc/item/110D559F-DEA5-42EA-9C1C-8A5DF7E70EF9

There are lots of examples provided in the Item Service and you can use whatever is required of you.

Here are the details for this.

https://doc.sitecore.com/xp/en/developers/90/sitecore-experience-manager/the-itemservice.html

And this will also help to get the details of parameters you can use in the call.

https://doc.sitecore.com/xp/en/developers/92/sitecore-experience-manager/the-restful-api-for-the-itemservice.html

Finally, if the above APIs are not able to give you the specific data that you need, then I would suggest you write the C# code. Like if you want to get the renderings on an item then you can write something like this.

string deviceName = "Default".ToLower();

var deviceItem = item.Database.Resources.Devices.GetAll().Where(d => d.Name.ToLower() == deviceName).First();
if (deviceItem != null)
{
    var renderings = item.Visualization.GetRenderings(deviceItem, false);
    
    if (renderings != null)
    {
        foreach (var renderingref in renderings)
        {
            // Get your data from renderingref, bind it in a class and convert that in JSON.
        }                   
    }
}   

And you can get the data you need and create your own JSON object.