---
title: "Sitecore JavaScript Rendering SDK (JSS) for Next.js"
slug: "sitecore-javascript-rendering-sdk--jss--for-next-js"
abstract: "Overview of JSS for Next.js features and improvements compared to JSS for React, Angular, and Vue.js"
---
# Sitecore JavaScript Rendering SDK (JSS) for Next.js

[Next.js](https://nextjs.org/) is a framework built on top of React that aims to help developers create production-ready applications with minimal need for configuration and boilerplate code.

JSS for Next.js uses many of the [features of Next.js](https://nextjs.org/#features), to simplify and enhance the development workflow and experience.

This module is provided as a part of Sitecore JavaScript Rendering SDK. It contains Next.js components and integration for JSS.

The following video highlights the benefits of Next.js.

:::youtube{id="CfoOKlKjzfA"}

[View the entire Master Sitecore "Headless & JSS" playlist on YouTube.](https://www.youtube.com/playlist?list=PL1jJVFm_lGnwZup4L4BjITS2sKr4rpMfI)

## Improvements over previous JSS SDKs

JSS for Next.js distinguishes itself from JSS for React, Angular, and Vue.js.

Some of the key advantages for using JSS for Next.js compared to other framework-specific SDKs are:

- Development and production runtime parity, including server-side rendering (SSR) during development.
- Fewer application modes and deployment requirements.
- SSR in production or integrating Sitecore tracking *does not require the headless SSR proxy*.
- Simpler integration with advanced Sitecore content and layout editors without the need to deploy your application bundle to the Content Management instance.

## Features supported by JSS for Next.js

JSS for Next.js supports the following features:

- Next.js static HTML export, incremental static site generation, server-side rendering, and hybrid rendering.
- Dynamic author-defined URLs through the Next.js file-based router and the [Sitecore Layout Service](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/layout-service.html "Layout Service").
- Dynamic component rendering based on author-defined page layouts.
- Helper components for rendering various Sitecore field types.
- [Integration with advanced Sitecore content and layout editors](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/architecture-and-apis-for-integrating-jss-next-js-apps-with-sitecore-editors.html "Architecture and APIs for integrating JSS Next.js apps with Sitecore editors") through [Next.js Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode).
- [Sitecore route querying for static site generation](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/prerendering-methods-and-data-fetching-strategies-in-jss-next-js-apps.html "Prerendering methods and data fetching strategies in JSS Next.js apps").
- Next.js client-side routing support for Sitecore link and rich text fields.
- [Internationalization support](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/internationalization-in-the-jss-sample-app-for-next-js.html "Internationalization in the JSS sample app for Next.js") through Sitecore language versions and [Next.js internationalized routing](https://nextjs.org/docs/advanced-features/i18n-routing).
- [Component-level data fetching for Sitecore-driven components](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/component-level-data-fetching-in-jss-next-js-apps.html "Component-level data fetching in JSS Next.js apps").
- [Sitecore analytics and personalization support](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/tracking-and-analytics-integration-in-jss-next-js-apps.html "Tracking and analytics integration in JSS Next.js apps"). This features requires you SSR the Next.js app and use the Sitecore Layout Service REST API.
- Support for [JSS code-first workflow](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/code-first-development-workflow.html "Code-first development workflow") and mock Sitecore services.
- A TypeScript-enabled app sample demonstrating common use cases.
- [Containerized template for Windows-based developers](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/the-sitecore-containers-template-for-jss-next-js-apps.html "The Sitecore Containers template for JSS Next.js apps").
- Other built-in Next.js features like component-level CSS, code splitting, fast refresh, and more.
- Apps compatible with [Vercel](https://vercel.com/) deployment.