Add-ons for Next.js applications

Current version: 21.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,