1. Creating a JSS app for SitecoreAI

Create a JSS app using the Deploy app

Version:

When you create a new project and environment in SitecoreAI using the Deploy app and the default settings, a headless application is created at the same time in a source control repository of your choice. You can then clone that repository to your local machine.

Because this method of creating an app is mostly automated, you won't be asked to choose configuration options (including whether to use SSG or SSR), but you can use your app's environment variables to change these settings later.

In brief, the steps to create a local JSS app using the Deploy app are:

  1. Create your SitecoreAI project and environment using the default settings, choosing a source control repository for the headless app.

  2. Clone the headless app to your local machine.

  3. In a terminal window, open your JSS app's folder (such as /headapps/nextjs-starter/) and run the following command:

    npm install
  4. Update your local app's environment variables using the details provided on the Deploy app's Developer settings tab for your environment.

The full process is explained in the Getting started with SitecoreAI walkthrough series.

Note

The walkthrough series focuses on installing the Next.js starter app located in /headapps/nextjs-starter. If you prefer to use Angular, work from /headapps/spa-starters/angular instead and refer to developer guides on configuring Angular apps and the XM Cloud Node proxy.

XM Cloud is now SitecoreAI

Some code examples, images, and UI labels may still use XM Cloud while engineering assets are being updated.

If you have suggestions for improving this article, let us know!