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 are:

Name	Template name	Description
Styleguide Tracking	`nextjs-styleguide-tracking`	Includes an example tracking component for applications running against a Sitecore Experience Platform instance. Requires the `nextjs-styleguide` add-on. Not compatible with the `nextjs-personalize` add-on or with a Sitecore Experience Manager (XM) Cloud content management instance.
Styleguide	`nextjs-styleguide`	Includes example components and the setup for working disconnected. Not compatible with the `nextjs-sxa` add-on.
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.

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,