In this new era where cloud computing is common, we want to save resources and time managing our apps, and all new front-end frameworks are capable of doing a lot of things, this is where we use “Headless” applications. Since Sitecore released the JSS version of their
Sometimes we have to use custom tokens in the standard values to accomplish the requirement, in this article, we are going to create a new variable replacer to add our custom tokens Let’s follow up on these next steps to do it. In your project, create a
Sometimes we need to add a new database in our Sitecore instance, so let’s see how to do it The very first step is to add an additional database to the SQL Server with the same DB schema as Sitecore web database Then, add the custom connection
Usually, we need to create components, such as containers, to place other components and display our content in a structured way. So let’s create a two columns component, this gonna be created as we usually do: As you realize, I’m using placeholders to define how the components
If you’re thinking of creating a new menu navigation for your website, here is an easy way to do it using headless with Next.js. So, the first thing to do is create the model for each item and the menu. Now, the step is to define an
In my last blog post, I talked about how to implement a new component so, doing the same steps, but now I will add some extra ones to create variants of the same component. So to add a new variant you must repeat the same process in
Implementing a new component in our Next.JS application with Headless SXA differs greatly from our traditional MVC Sitecore solution. As you know, in the traditional MVC solution, we mainly use “View Renderings” or “Controller Renderings” depending on the requirement. So for Next.JS, we need to use a
To work with the Sitecore Next.js version you must have installed the following pre-requisites: and we have to have defined previously the API key in Sitecore inside this path /sitecore/system/Settings/Services/API Keys So, with the next steps you can initialize your front-end application: then follow the instructions and