Complete step-by-step guide to set up a Sitecore JSS app using Next.js

Here’s a complete step-by-step guide to set up a Sitecore JSS app using Next.js (instead of React SPA) with Sitecore XP.

This is the modern, recommended approach (SSR + better SEO + faster apps).

1. Prerequisites

Make sure you already have:

• Node.js (v18+ recommended)
• npm
• Sitecore XP installed locally
• Sitecore Headless Services installed on XP
• Sitecore JSS CLI

Install CLI if not already:

npm install -g @sitecore-jss/sitecore-jss-cli

2. Create a Next.js JSS App

Run:

jss create my-nextjs-app nextjs

or

npx create-sitecore-jss nextjs my-jss-app

This uses Next.js instead of plain React.

Go to project folder

cd my-nextjs-app