Setup Sitecore JSS application

Setup Sitecore JSS application

Before starting to create JSS application, we need to understand what is a Sitecore JSS.

What is a JSS

Sitecore JavaScript Services (JSS) is a complete SDK for JavaScript developers that enables you to build full-fledged solutions using Sitecore and modern JavaScript UI libraries and frameworks.
Sitecore JSS support Angular, React and Vue JavaScript framework.

Setup Sitecore JSS application

How to create a JSS application?

Firstly, to develop a JSS application, Node needs to be installed into your system.

Install the JSS Command Line Application

  • CLI makes it easy to create a new project, scaffold components, deployment of your JSS application, etc.
  • To installed CLI globally, run below command in the command prompt:
 npm install -g @sitecore-jss/sitecore-jss-cli  

Setup Sitecore JSS application

Create a JSS application

To create a JSS application, need to follow the below steps:
  • Create a folder with any project name
  • In project folder, run jss create <your-app-name> <app-template-name> command
Setup Sitecore JSS application

Just like below jss create jssdemo react
Setup Sitecore JSS application

After executing above command, you will see screen like below image.
Setup Sitecore JSS application


Run JSS Application

To start application in disconnected mode, first run cd jssdemo command to change directory.

Setup Sitecore JSS application


now run jss start command to run application in disconnected mode.

Setup Sitecore JSS application

Application will be run in browser in this URL http://localhost:3000/

Setup Sitecore JSS application

Comments

Popular Posts