Add-ons for Next.js applications

Version: 22.x

When you create a Next.js project with the JSS initializer script, you can include multiple add-ons in your application. Add-ons contain example implementations for additional functionality.

The add-ons available for Next.js that are compatible with SitecoreAI are:

Name

Template name

Description

SXA

nextjs-sxa

Includes example components and the setup for Headless SXA projects.

Multisite

nextjs-multisite

Includes example setup for hosting multiple sites from a single Next.js application.

XM Cloud

nextjs-xmcloud

Adds support for the Sitecore Context data, which simplifies connecting the application to SitecoreAI and configuring the integration of multiple composable Sitecore products.

Only available in JSS 21.6 and later. Only compatible with SitecoreAI.

XM Cloud is now SitecoreAI

Some code examples, images, and UI labels may still use XM Cloud while engineering assets are being updated.

You provide the template names using positional arguments or the --templates flag. For example:

RequestResponse
npx create-sitecore-jss <base-template-name>,<first-add-on-template-name>,<second-add-on-template-name>

Or:

RequestResponse
npx create-sitecore-jss --templates <base-template-name>,<first-add-on-template-name>,<second-add-on-template-name>

Do you have some feedback for us?

If you have suggestions for improving this article,