Create a JSS tenant and site
To create a JSS tenant and site:
In the Content Editor, right-click the Content item in the content tree, click Insert, JSS Tenant.
In the wizard, enter a name for the tenant, select the modules, and click OK.
To create a JSS site, right-click the JSS Tenant, click Insert, JSS Site.
In the wizard, on the General tab, enter the name for the site.
On the Modules tab, select the modules and click OK.Note
On the Site Settings tab, you can modify the GraphQL endpoint and Deployment secret but it's best practice to add these later.
Click OK to create the JSS site.
SXA creates the site with the following structure:
Contains the site pages.
Includes all the media items available for the site,
Contains the data sources that can be reused across multiple pages within the website.
Multilingual apps will need a dictionary of static phrases that require translation. JSS imports translations to this folder.
JSS sites come with SXA page design functionality.
JSS sites come with SXA partial design functionality.
JSS sites come with SXA placeholder settings functionality.
Contains the default configuration items that make the app work. Customization is possible. For example, if you want to use a new template for your pages.
SXA lets you define sites using the Site Grouping items. Contains all the data needed for the site definition such as the host name, the start item, and the virtual folder.
By default, SXA JSS sites are using live mode. In live mode, Sitecore reads the website content from the master database.
If you want switch to the web database, you must publish both the API keys and the SXA JSS site.
When you have finished creating your JSS tenant and site, you can start importing your app.