There are a few approaches you can use when creating components with Next.js in a Sitecore headless solution, they are well explained in this blog post. Sitecore first is the mostly commonly used approach, in this blog post I am going to walk you through high-level diagram and steps for creating components using this approach. … Continue reading Sitecore First Development Approach for Sitecore Headless component development with Nextjs
Next.js
Your Sitecore Next.js Source Code May Be Exposed
Since Next.js is becoming the most popular choice with Sitecore projects which is a great and very powerful combination, I want to share an important security point that you maybe missing or have not noticed yet. When working with Next.js in Sitecore XM Cloud or Sitecore Headless JSS projects, one common issue is that the … Continue reading Your Sitecore Next.js Source Code May Be Exposed
Troubleshooting “Unknown or Incomplete Layout Service Configuration” in Sitecore JSS
Recently, I had to switch my Next.js application from GraphQL to REST. Sitecore have a simple and straight forward article to do just that and apparently it is simply changing one environment variable but it turned out to be a nightmare to get it to work. I wanted to document my experience so it can … Continue reading Troubleshooting “Unknown or Incomplete Layout Service Configuration” in Sitecore JSS
Sitecore Personalize Part 3: Integrate Sitecore Personalize using Sitecore Engage SDK with Next.js
Continuing our exploration of Sitecore Personalize integrations, today let's dive into a key implementation for modern websites i.e. integration of Sitecore Personalize with a Next.js website using the Sitecore Engage SDK. As I shared in my previous blog posts, there are multiple ways to integrate Sitecore Personalize into your applications. However, when working with Next.js … Continue reading Sitecore Personalize Part 3: Integrate Sitecore Personalize using Sitecore Engage SDK with Next.js
Leveraging Vanity URLs with Sitecore and Next.js to Ensure Customers Always Access the Latest Product Versions
In today’s fast-paced agile world, product updates and new releases happen frequently often every few weeks or months. For marketing teams, this presents a challenge: ensuring that all promotional materials, including emails, websites, and other digital assets, are consistently updated to reflect the latest product version. One effective solution is the use of a vanity … Continue reading Leveraging Vanity URLs with Sitecore and Next.js to Ensure Customers Always Access the Latest Product Versions
Cache Revalidation in Sitecore Website Built Using Next.js Incremental Static Site Generation
In the ever-evolving world of web development, delivering highly performant and dynamic websites is crucial. When building a Sitecore website with Next.js, utilizing Incremental Static Site Generation (ISSG) and hosting it on Vercel, one of the key aspects to ensure optimal performance and up-to-date content delivery is on-demand cache revalidation. This blog will dive into … Continue reading Cache Revalidation in Sitecore Website Built Using Next.js Incremental Static Site Generation
Next.js API Route for On-Demand Cache Revalidation using pages or app folder
If you're looking for an API endpoint implementation that can take a dynamic path from a query string to revalidate page cache and force page regeneration, you've come to the right place. The biggest challenge with using statically generated sites is the difficulty of pushing content updates quickly in urgent situations. You can't set the … Continue reading Next.js API Route for On-Demand Cache Revalidation using pages or app folder
Next.js Static Site Generation (SSG) vs Server-Side Rendering (SSR)
When it comes to building server-rendered React applications, Next.js has become a popular choice among developers. One of the key decisions developers have to make is choosing between Static Site Generation (SSG) and Server-Side Rendering (SSR). Both have their own benefits and tradeoffs, and choosing one over the other depends on the requirements of the … Continue reading Next.js Static Site Generation (SSG) vs Server-Side Rendering (SSR)
Sitecore Headless Multiple Layouts using Next.js
This post is inspired by https://www.techguilds.com/blog/how-to-use-dynamic-layouts-in-headless-sitecore-applications Problem Statement It is very common to use more than one layout in Sitecore and there could be many reasons. Back in the old MVC days, you would simply link the layout to separate MVC or ASPX files. With Sitecore headless and Next.js you need some code customization as … Continue reading Sitecore Headless Multiple Layouts using Next.js