Skip to main content

Add-ons for Next.js applications

Abstract

Add-ons provide additional functionality examples for your Next.js JSS app with add-ons.

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.

Personalize

nextjs-personalize

Includes an example for using XM Cloud Embedded Personalization.

Only compatible with XM Cloud.

Not compatible with the nextjs-styleguide-tracking add-on.

Styleguide

nextjs-styleguide

Includes example components and the setup for working disconnected.

SXA

nextjs-sxa

Includes example components and the setup for Headless SXA projects.

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>