# JSS for SitecoreAI 22.x > SitecoreAI documentation for developers, in English, version 22.x. - Product: SitecoreAI - Audience: Developers - Language: English - Version: 22.x - Status: Current - Canonical URL: https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai ## Overview - [JSS for SitecoreAI](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecore-javascript-services-sdk--jss--for-sitecoreai.md): What the Sitecore JavaScript Services SDK (JSS) is, what it is used for, and an overview of its main features. ## Getting started - [Prerequisites](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/prerequisites.md) - [Install the JSS CLI](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/install-the-jss-cli.md): How to install the JSS command line interface (CLI) and verify the installation is successful. - [Connect your app to SitecoreAI](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/connect-your-jss-app-to-sitecoreai.md) ### Creating a JSS app - [Creating a JSS app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/creating-a-jss-app-for-sitecoreai.md) - [Build from the Deploy app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/create-a-jss-app-using-the-deploy-app.md) - [Create an app locally](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/create-a-jss-app-locally.md) - [JSS initializer parameters](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-initializer-parameters.md) ## Architecture overview - [Architecture overview](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/architecture-overview.md): Overview of Sitecore JavaScript Services SDK (JSS) architecture. - [Sitecore editors and content management](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecore-editors-and-content-management.md): Overview of the JSS support for integrating advanced Sitecore content and layout editors. - [Route handling and data fetching](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/route-handling-and-data-fetching-in-jss-apps.md): How JSS handles route changes and data fetching from SitecoreAI. - [Multilingual applications](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/supporting-multilingual-applications-in-jss.md): Overview of how JSS apps handle multilingual content and dictionaries. ### Page composition in JSS apps using Sitecore data - [Page composition in JSS apps using Sitecore data](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/page-composition-in-jss-apps-using-sitecore-data.md): Understand how JSS composes layouts and renders pages defined in Sitecore. - [Dynamic placeholders](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecoreai-dynamic-placeholders-and-jss.md): Overview of how JSS handles SitecoreAI dynamic placeholders. - [Placeholders](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/placeholders-in-jss-apps.md): Placeholders in JSS apps, and best practices for naming them. - [Components](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/components-in-jss-apps.md): Describes components in JSS apps and the infrastructure that supports them. - [Scaffolding components](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/scaffolding-components-in-jss-apps.md): Create new components in JSS sample apps using the scaffolding script. - [The Component Factory](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-component-factory.md): Introducing the JSS Component Factory. - [Manually maintain the Component Factory](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/manually-maintain-the-component-factory.md): Register new components manually. ### Services and APIs - [Services and APIs](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-services-and-apis.md): An overview of the services and APIs available in JSS packages and applications, with links to information about specific items. - [JSS App Configuration API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-app-configuration-api.md): Configure JSS apps for import to Sitecore, integrated server-side rendering or integration with Sitecore editors. - [JSS Layout API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-layout-api.md): Overview of the JSS API that helps you fetch layout information for Sitecore items. - [Fetching layout data with the JSS Layout API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetching-layout-data-with-the-jss-layout-api.md): Learn how to use the JSS Layout API through examples. - [Fetch layout data with the JSS GraphQL Layout Service](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetch-layout-data-with-the-jss-graphql-layout-service.md): Example of how to fetch Sitecore layout data with the JSS GraphQL Layout Service. - [Fetch layout data with the JSS REST Layout Service](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetch-layout-data-with-the-jss-rest-layout-service.md): Example of how to fetch Sitecore layout data with the JSS REST Layout Service. - [Fetch layout data using a custom REST data fetcher](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetch-layout-data-using-a-custom-rest-data-fetcher.md): Example of how to fetch Sitecore layout data with the JSS Layout API and custom REST data fetchers. - [Field values in JSS layout data](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/field-values-in-jss-layout-data.md): Sitecore field values in layout data consumed by JSS apps. - [Using a custom Layout Service configuration with JSS](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/using-a-custom-layout-service-configuration-with-jss.md): How to use a custom Layout Service configuration in JSS apps. - [JSS Dictionary API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-dictionary-api.md): Introduction to the JSS API for fetching dictionaries from Sitecore. - [Fetching dictionary data with the JSS Dictionary API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetching-dictionary-data-with-the-jss-dictionary-api.md): Learn how to use the JSS Dictionary API through examples. - [Fetch dictionary data with the JSS GraphQL Dictionary Service](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetch-dictionary-data-with-the-jss-graphql-dictionary-service.md): Example of how to fetch Sitecore dictionary data with the JSS GraphQL Dictionary Service. - [Fetch dictionary data with the JSS REST Dictionary Service](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetch-dictionary-data-with-the-jss-rest-dictionary-service.md): Example of how to fetch Sitecore dictionary data with the JSS REST Dictionary Service. - [Fetch dictionary data using a custom REST data fetcher](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/fetch-dictionary-data-using-a-custom-rest-data-fetcher.md): Example of how to fetch Sitecore dictionary data with the JSS Dictionary API and custom REST data fetchers. - [JSS GraphQL API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-graphql-api.md): Learn about the infrastructure for using Sitecore GraphQL endpoints from JSS apps. - [Best practices and recommendations for using GraphQL in JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/best-practices-and-recommendations-for-using-graphql-in-jss-apps.md): Tips and best practices for using GraphQL in front-end apps. - [Integrated GraphQL in JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/integrated-graphql-in-jss-apps.md): Modify the Layout Service output for a component using GraphQL queries. - [JSS Media API](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-media-api.md): Introduction to JSS image handling. - [Use images in JSS applications](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/use-images-in-jss-applications.md): Overview of how to use images in JSS apps. - [The image size parameters](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-image-size-parameters.md): Reference documentation for image size parameters you can use for responsive images. ## Developer guides - [JavaScript frameworks and JSS](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/javascript-frameworks-and-jss.md): Differences between working with regular JS framework apps and JSS apps. - [Sitecore JavaScript Rendering SDK NPM packages](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecore-javascript-rendering-sdk-npm-packages.md): Summary of JSS NPM packages. - [JSS development best practices](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-development-best-practices.md): Best practices to follow when developing JSS apps. - [Implement GraphQL code generation](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/implement-graphql-code-generation.md): Add GraphQL code generation to your JSS application using an example based on graphql-codegen. Prior to JSS 22.7, this functionality was included out of the box using a no-longer-maintained package named graphql-let. - [Debug logging in JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/debug-logging-in-jss-apps.md): Use JSS debug logging to enhance your developer experience with production debugging for some or all of your application. - [Theming and styling JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/theming-and-styling-jss-apps.md): Where and how to style JSS applications. - [Create a Sitecore services client API key](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/create-a-sitecore-services-client-api-key.md): Authorize a local, Docker-based JSS app to use Sitecore Headless Services with a Sitecore services client API key. - [Configure Sitecore CA certificates for Node.js](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/configure-sitecore-ca-certificates-for-node-js.md): Avoid/fix Node.js errors caused by privately signed SSL certificates. - [Optimizing the performance of JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/optimizing-the-performance-of-jss-apps.md): General recommendations for performance optimization, with links to relevant resources. - [JSS deployment best practices and security](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-deployment-best-practices-and-security.md): DevOps best practices and recommendations. ### Development workflow - [Development workflow](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/development-workflow.md): Handling renderings, routes, and scaffolding in a SitecoreAI JSS development workflow. - [Add additional root placeholders in a Sitecore-first JSS sample app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/add-additional-root-placeholders-in-a-sitecore-first-jss-sample-app.md): How to add multiple root placeholders when developing Sitecore-first. ### Sitecore JSS CLI tools - [Sitecore JSS CLI tools](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecore-jss-cli-tools.md): Introduction to the JavaScript SDKs CLI. - [Env file support](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/env-file-support.md): Description of the JSS CLI support for .env files. - [Sitecore JavaScript Rendering SDK scripts and commands reference](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecore-javascript-rendering-sdk-scripts-and-commands-reference.md): Description of commands and scripts available in JSS applications for SitecoreAI. ### Architecture and APIs for integrating JSS Next.js apps with Sitecore editors - [Architecture and APIs for integrating JSS Next.js apps with Sitecore editors](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/architecture-and-apis-for-integrating-jss-next-js-apps-with-sitecore-editors.md): An introduction to integrating editors with JSS Next.js apps, including links to the different methods of doing it. These include using chromes or, if you have JSS 22.1 or later, using metadata. - [Editor integration using metadata](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/editor-integration-using-metadata.md): Overview of the architecture and APIs for integrating JSS Next.js with Pages using metadata, for versions of JSS from 22.1 onwards. - [Optimize performance for metadata-based integration](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/optimize-performance-for-metadata-based-integration.md): How to optimize the performance of your JSS Next.js app if you're using metadata-based editor integration and have no need of Sitecore Experience Editor. - [Editor integration using chromes](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/editor-integration-using-chromes.md): Overview of the architecture and APIs for integrating JSS Next.js with Sitecore Experience Editor or Pages using chromes. - [Override default protocols using the EditingRenderMiddleware in Next.js JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/override-default-protocols-using-the-editingrendermiddleware-in-next-js-jss-apps.md): Fix protocol mismatch issues when deploying the application on platforms other than Vercel. - [Override the default directory used by the disk-based editing cache implementation](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/override-the-default-directory-used-by-the-disk-based-editing-cache-implementation.md): Change the temporary directory used by the EditingDataDiskCache. ## Upgrade guides ### Angular - [Upgrade JSS 22.1 Angular apps to version 22.3 for SitecoreAI](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-1-angular-apps-to-version-22-3-for-sitecoreai.md): How to upgrade your JSS 22.1 Angular apps to version 22.3 for use in SitecoreAI, using the first edition of the JSS Angular starter kit. - [Upgrade JSS 22.3 Angular apps to version 22.4](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-3-angular-apps-to-version-22-4.md): How to upgrade your JSS 22.3 Angular apps to version 22.4 for use in SitecoreAI. - [Upgrade JSS 22.4 Angular apps to version 22.5](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-4-angular-apps-to-version-22-5.md): How to upgrade your JSS 22.4 Angular apps to version 22.5 for use in SitecoreAI. This version introduces support for Angular 18. - [Upgrade JSS 22.5 Angular apps to version 22.6](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-5-angular-apps-to-version-22-6.md): How to upgrade your JSS 22.5 Angular apps to version 22.6 for use in SitecoreAI. - [Upgrade JSS 22.6 Angular apps to version 22.7](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-6-angular-apps-to-version-22-7.md): How to upgrade your JSS 22.6 Angular apps to version 22.7 for use in SitecoreAI. - [Upgrade JSS 22.7 Angular apps to version 22.8](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-7-angular-apps-to-version-22-8.md): How to upgrade your JSS 22.7 Angular apps to version 22.8 to benefit from the latest improvements. - [Upgrade JSS 22.8 Angular apps to version 22.9](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-8-angular-apps-to-version-22-9.md): How to upgrade your JSS 22.8 Angular apps to version 22.9 to benefit from the latest improvements. - [Upgrade JSS 22.9 Angular apps to version 22.10](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-9-angular-apps-to-version-22-10.md): How to upgrade your JSS 22.9 Angular apps to version 22.10 to take advantage of Angular 20 and other improvements. - [Upgrade JSS 22.10 Angular apps to version 22.11](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-10-angular-apps-to-version-22-11.md): How to upgrade your JSS 22.10 Angular apps to version 22.11 to benefit from the latest improvements. - [Upgrade JSS 22.11 Angular apps to version 22.12](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-11-angular-apps-to-version-22-12.md): How to upgrade your JSS 22.11 Angular apps to version 22.12 to benefit from the latest improvements. ### Next.js - [Next.js versions in JSS](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/next-js-versions-in-jss.md): The versions of Next.js compatible with historical JSS releases. - [Upgrade JSS 21.7 Next.js apps to version 22.0.0](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-21-7-next-js-apps-to-version-22-0-0.md): How to upgrade your JavaScript Rendering SDKs to the new major version 22.0.0. - [Upgrade JSS 22.0.0 Next.js apps to version 22.1](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-0-0-next-js-apps-to-version-22-1.md): How to upgrade your JavaScript Rendering SDKs to version 22.1 to make use of the latest features, including page speed optimization with metadata-based visual editing in Pages. - [Upgrade JSS 22.1 Next.js apps to version 22.2](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-1-next-js-apps-to-version-22-2.md): How to upgrade your JavaScript Rendering SDKs to version 22.2 to make use of the latest version of the Cloud SDK. - [Upgrade JSS 22.2 Next.js apps to version 22.3](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-2-next-js-apps-to-version-22-3.md): How to upgrade your JSS 22.2 Next.js apps to version 22.3. - [Upgrade JSS 22.3 Next.js apps to version 22.4](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-3-next-js-apps-to-version-22-4.md): How to upgrade your JSS 22.3 Next.js apps to version 22.4 to benefit from the latest improvements. The primary change in 22.4 is the removal of Axios as the default promise-based HTTP client, replacing it with a native JSS client that uses a built-in fetch implementation from Node.JS. - [Upgrade JSS 22.4 Next.js apps to version 22.5](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-4-next-js-apps-to-version-22-5.md): How to upgrade your JSS 22.4 Next.js apps to version 22.5 to benefit from the latest improvements. - [Upgrade JSS 22.5 Next.js apps to version 22.6](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-5-next-js-apps-to-version-22-6.md): How to upgrade your JSS 22.5 Next.js apps to version 22.6 to use the new Form wrapper component. - [Upgrade JSS 22.6 Next.js apps to version 22.7](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-6-next-js-apps-to-version-22-7.md): How to upgrade your JSS 22.6 Next.js apps to version 22.7 to take advantage of React 19, Next.js 15, and Cloud SDK 0.5.1, and to remove automatic GraphQL code generation (making it an opt-in process). - [Upgrade JSS 22.7 Next.js apps to version 22.8](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-7-next-js-apps-to-version-22-8.md): How to upgrade your JSS 22.7 Next.js apps to version 22.8 to benefit from the latest features including the Design Library for early access users. - [Upgrade JSS 22.8 Next.js apps to version 22.9](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-8-next-js-apps-to-version-22-9.md): How to upgrade your JSS 22.8 Next.js apps to version 22.9. - [Upgrade JSS 22.9 Next.js apps to version 22.10](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-9-next-js-apps-to-version-22-10.md): How to upgrade your JSS 22.9 Next.js apps to version 22.10. - [Upgrade JSS 22.10 Next.js apps to version 22.11](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-10-next-js-apps-to-version-22-11.md): How to upgrade your JSS 22.10 Next.js apps to version 22.11. - [Upgrade JSS 22.11 Next.js apps to version 22.12](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-11-next-js-apps-to-version-22-12.md): How to upgrade your JSS 22.11 Next.js apps to version 22.12. ## JavaScript Services SDK (JSS) for Next.js - [JavaScript Services SDK (JSS) for Next.js](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/javascript-services-sdk--jss--for-next-js.md): Overview of JSS for Next.js features and improvements compared to JSS for React, Angular, and Vue.js. - [Sitecore JSS for Next.js differences from JSS for React, Angular, and Vue.js](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/sitecore-jss-for-next-js-differences-from-jss-for-react-angular-and-vue-js.md): How JSS for Next.js is different from JSS for React, Angular, and Vue.js. - [Disable Next.js telemetry](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/disable-next-js-telemetry.md): How to disable the collection of telemetry data by Next.js. - [Next.js for SitecoreAI environment variables](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/next-js-for-sitecoreai-environment-variables.md): Control important parameters of your SitecoreAI app using environment variables. - [Routing and page composition in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/routing-and-page-composition-in-jss-next-js-apps.md): Overview of routing in multilingual JSS Next.js apps. - [Error pages in the JSS Next.js sample app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/error-pages-in-the-jss-next-js-sample-app.md): Handling errors in the Next.js app with custom error page implementations. - [Secure cookies and local JSS app development](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/secure-cookies-and-local-jss-app-development.md): Dealing with rejected cookies when developing locally against a secure Sitecore installation. - [Working with placeholders in a JSS Next.js app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/working-with-placeholders-in-a-jss-next-js-app.md): Placeholder techniques for Next.js JSS applications. - [Create a new component in a JSS Next.js app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/create-a-new-component-in-a-jss-next-js-app.md): Create a Next.js component to match a SitecoreAI JSON rendering. - [Scaffold and auto-register your own components in a Next.JS app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/scaffold-and-auto-register-your-own-components-in-a-next-js-app.md): Use your own external components dynamically in your JSS app by registering them directly from your codebase using a bring-your-own-code (BYOC) approach. - [API reference](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/api-reference.md): Reference for the sitecore-jss-nextjs npm package. - [Troubleshooting JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/troubleshooting-jss-next-js-apps.md): Describes how to avoid errors and gives some workarounds. ### Add-ons for Next.js applications - [Add-ons for Next.js applications](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/add-ons-for-next-js-applications.md): Add-ons provide additional functionality examples for your Next.js JSS app with add-ons. - [The Next.js Multisite add-on](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-next-js-multisite-add-on.md): The Next.js Multisite add-on includes an example setup for hosting multiple sites from a single Next.js application. - [Manually configure the sites in a multisite application](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/manually-configure-the-sites-in-a-multisite-application.md): Configure the Multisite add-on to statically generate a subset of sites or override the site configuration for all your sites. - [Troubleshooting the Next.js Multisite add-on](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/troubleshooting-the-next-js-multisite-add-on.md): Investigate and resolve issues in Next.js apps with the Multisite add-on. - [The JSS XM Cloud add-on for Next.js](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-jss-xm-cloud-add-on-for-next-js.md): Enhance your JSS Next.js app with the XM Cloud add-on for a simplified front-end setup and seamless connectivity with XM Cloud and Sitecore services. - [Personalization and A/B/n testing](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/page-personalization-and-component-a-b-n-testing.md): The XM Cloud add-on enables Next.js applications to render personalized page variants, render component variants for A/B/n testing, and capture page view analytics. - [Configure personalization in a Next.js JSS app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/configure-personalization-in-a-next-js-jss-app.md): Tips for excluding a route from personalization, changing the cookie domain or currency, and enabling/disabling personalization features. - [Troubleshooting personalization and tracking events](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/troubleshooting-personalization-and-tracking-events.md): Investigate issues with rendering personalized pages and missing or incorrect Page View event data. ### Prerendering methods and data fetching strategies in JSS Next.js apps - [Prerendering methods and data fetching strategies in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/prerendering-methods-and-data-fetching-strategies-in-jss-next-js-apps.md): The relation between prerendering and data-fetching in JSS Next.js apps. - [Preparing the list of pages for static generation in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/preparing-the-list-of-pages-for-static-generation-in-jss-next-js-apps.md): Description of the JSS Next.js GetStaticPaths, the sitemap fetcher, and the GraphQL Sitemap Service. - [Customize build-time static paths in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/customize-build-time-static-paths-in-jss-next-js-apps.md): Control the static paths returned for statically generated dynamic routes with custom sitemap fetchers. - [Component-level data fetching in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/component-level-data-fetching-in-jss-next-js-apps.md): Overview of how JSS Next.js apps retrieve component-level data and how it can be accessed. - [Switch the pre-rendering method in a JSS Next.js app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/switch-the-pre-rendering-method-in-a-jss-next-js-app.md): Change the pre-rendering method for the catch-all route. - [Switch between REST and GraphQL in Next.js JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/switch-between-rest-and-graphql-in-next-js-jss-apps.md): Change the services and APIs used by the JSS app to fetch Layout and Dictionary data. ### Using GraphQL in JSS Next.js apps - [Using GraphQL in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/using-graphql-in-jss-next-js-apps.md): Overview of using GraphQL in JSS Next.js apps, including how to choose GraphQL for layout and dictionary data fetching. - [Introspecting the GraphQL schema in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/introspecting-the-graphql-schema-in-jss-next-js-apps.md): Understanding and using the GraphQL schema in a JSS Next.js application. - [Use GraphQL to fetch component-level data in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/use-graphql-to-fetch-component-level-data-in-jss-next-js-apps.md): How to use two different GraphQL methods (connected or integrated) to fetch data with components. - [Use retry strategies for requests to Experience Edge](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/use-retry-strategies-for-requests-to-experience-edge.md): Use retry strategies to help reduce build errors for large sites caused by the Experience Edge GraphQL endpoint rate limits. ### Components provided by JSS for Next.js - [Components provided by JSS for Next.js](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/components-provided-by-jss-for-next-js.md): Describes components provided by JSS for Next.js to assist with rendering Sitecore data. - [JSS components for rendering Sitecore fields in Next.js applications](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/jss-components-for-rendering-sitecore-fields-in-next-js-applications.md): Describes JSS components for React that help you render Sitecore fields. - [The JSS NextImage component](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-jss-nextimage-component.md): Serve optimized images to improve page performance metrics. - [Configuring the JSS NextImage component](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/configuring-the-jss-nextimage-component.md): Reference documentation for the JSS NextImage component. - [The FEaaSComponent and FEaaSWrapper components](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-feaascomponent-and-feaaswrapper-components.md): Render SitecoreAI Front-End as a Service Components in JSS Next.js applications. - [Walkthrough: Registering an external React component](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/walkthrough--registering-an-external-react-component.md): Reference your React code base in the Component builder to include a custom component in . - [The registerComponent method](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-registercomponent-method.md): Describes the registerComponent method that is used in a component registration flow. ### Internationalization in the JSS sample app for Next.js - [Internationalization in the JSS sample app for Next.js](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/internationalization-in-the-jss-sample-app-for-next-js.md): How the Next.js JSS app enables internationalization. - [Internationalized routing in JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/internationalized-routing-in-jss-next-js-apps.md): Overview of routing in multilingual JSS Next.js apps. - [Remove content translation functionality from the JSS Next.js app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/remove-content-translation-functionality-from-the-jss-next-js-app.md): Remove and modify files to clean up unneeded translation features. - [Add or import languages in a JSS Next.js app](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/add-or-import-languages-in-a-jss-next-js-app.md): How to add and import languages in Next.js JSS applications set up with the Sitecore Containers template. ### Deployment options for JSS Next.js apps - [Deployment options for JSS Next.js apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/deployment-options-for-jss-next-js-apps.md): An overview of hosting options for JSS Next.js apps. - [Deploy your front-end application to Netlify](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/deploy-your-front-end-application-to-netlify.md): Set up your JSS Next.js application to continuously deploy to Netlify when you push code changes to your source control repository. - [Deploy your front-end application to Vercel](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/deploy-your-front-end-application-to-vercel.md): Set up your JSS Next.js application to continuously deploy to Vercel when you push code changes to your source control repository. - [Use the Vercel Deployment Protection feature with JSS apps](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/use-the-vercel-deployment-protection-feature-with-jss-apps.md): Learn how to use Deployment Protection on the Vercel cloud platform for your Next.js JSS app. - [Use an out-of-process editing data cache with Vercel deployments](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/use-an-out-of-process-editing-data-cache-with-vercel-deployments.md): How to use an out-of-process editing cache implementation for EditingDataMiddleware middleware/handler in a Vercel deployment used as an editing host for Sitecore. ## JavaScript Services SDK (JSS) for Angular - [Angular JSS](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/angular-jss-for-sitecoreai.md) - [Node XM Cloud Proxy](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/node-xm-cloud-proxy.md) ## Optional - [Full publication as Markdown](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/llms-full.txt): Every article in this publication in a single file. - [Version 21.7+](https://doc.sitecore.com/sai/en/developers/jss/217/jss-sai/llms.txt): Previous version. - [Version 21.6](https://doc.sitecore.com/sai/en/developers/jss/216/jss-sai/llms.txt): Previous version. - [Version 21.5](https://doc.sitecore.com/sai/en/developers/jss/215/jss-sai/llms.txt): Previous version.