Tailwind Logo


Next.js is a React-based framework that provides functionality to enable server-side rendering and static site generation using React.

App screenshot

Add a headless site

Continuing from the last project, we'll add a headless site and integrate it with a Next.js project. Since the process is lengthy, this time we'll focus on adding the headless site and serializing its data for reuse.

Adding SXA Modules

In the previous article, we were able to launch an instance of XM1. In this article, we will configure additional settings to make the Sitecore Experience Accelerator module available to the container, which is necessary for adding Next.js projects.

XM CloudNext.js

Adding HTML pages

What should you do if you already have website content and HTML data for a Next.js-based site? In fact, the basic functionality of Next.js makes it possible to host a whole set of HTML files and other files on the server.