Add-ons for Next.js applications

Version:

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.

XM Cloud is now SitecoreAI

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

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

NameTemplate nameDescription
SXAnextjs-sxaIncludes example components and the setup for Headless SXA projects.
Multisitenextjs-multisiteIncludes example setup for hosting multiple sites from a single Next.js application.
XM Cloudnextjs-xmcloudAdds 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.
Note

We recommend that you develop sites using Headless SXA. SitecoreAI tooling and platform capabilities rely on the Headless SXA foundation. While building non-SXA sites might function in limited scenarios with custom modifications, non-SXA site architectures are unsupported and might break compatibility with future XM Cloud features and updates.

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

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

Or:

npx create-sitecore-jss --templates <base-template-name>,<first-add-on-template-name>,<second-add-on-template-name>
If you have suggestions for improving this article, let us know!