In this tutorial, we will take a look at how to set up a Sitecore JSS on our Sitecore instance.

The best way to start setting up JSS is to have a Sitecore instance that is compatible with Sitecore JSS services.

  1. How to setup Sitecore JSS
  2. How to connect to Sitecore Instance
  3. How to build a functioning Sitecore JSS app
  4. How to deploy Sitecore JSS app to Sitecore
  5. How to deploy to your Sitecore JSS site to Netlify with Sitelify

Here is a list of Downloads that you will need for this Tutorial

  • Sitecore 9.0 and Sitecore 9.1 is compatible with JSS 11.0 (release notes)
  • Download Sitecore Experience Platform – (link)
  • Download Sitecore JSS (JavaScript Services) – (link)

I am not going to go into details of setting up Sitecore, there are many videos out there how to set up Sitecore.

Once Sitecore is set up follow the directions on the official Sitecore JSS site on how to set up Server (https://jss.sitecore.com/docs/getting-started/jss-server-install#server-components-installation)

Sitecore 9 How to setup Sitecore JSS
Login to Sitecore, go to Desktop, Select Development Tools > Installation Wizard
Sitecore 9 How to setup Sitecore JSS
Select Already Downloaded package
Sitecore 9 How to setup Sitecore JSS
And Install it.
Sitecore 9 How to setup Sitecore JSS
Next Step as described on the official documentation site is to change binding redirect for Newtonsoft.Json

The last step is to verify if everything is working correctly, let’s get back to Sitecore and create an API key, and test it.

Sitecore > Launchpad > Desktop > Content Editor | Switch to core DB, and navigate to

/sitecore/system/Settings/Services/API Keys/jss-application

and create an API Key

Sitecore 9 How to setup Sitecore JSS: Create an API Key
Make sure you are in CORE db
Sitecore 9 How to setup Sitecore JSS: Validate Layout Service is working
Use this url to test:
https://yourhost/sitecore/api/layout/render/jss?item=/&sc_apikey={ItemID}

Next, we will have to set up our application to communicate with the Sitecore instance.

I imagine that at this time you Sitecore JSS CLI is installed, and a sample app has been created.

Sitecore 9 How to setup Sitecore JSS: JSS Setup
In order to generate scjssconfig.json | you need to run jss setup command (read more here)

Lets now proceed to the next tutorial on How to connect to Sitecore Instance

8 thoughts on “Sitecore JSS Series for Developer: How to Setup JSS (1 of 5)

  1. Thanks for this. Unfortunately the test of the URL returns a 403 denied response. There is no documentation anywhere as to what is causing this or how to fix. From what i can tell, JSS isn’t supported in Sitecore 9.1 yet.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s