1. Sitecore JavaScript Rendering SDK (JSS) for Next.js

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.

The add-ons available for Next.js are:

NameTemplate nameDescription
Styleguide Trackingnextjs-styleguide-trackingIncludes 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.
Styleguidenextjs-styleguideIncludes example components and the setup for working disconnected. Not compatible with the nextjs-sxa add-on.
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.

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!