What is sitecore JSS

 

JSS is a software development kit and one of the Sitecore Omni products you can use to create JavaScript applications, or apps, for a headless Omni channel customer experience.

JSS offers several capabilities to front-end developers, including:

• Ø  Inline editing
• Ø  Multi-language
• Ø  Analytics
• Ø  Personalization
• Ø  Integrations

Development Workflows

• Ø  Sitecore First Approach
• Ø  Code First Approach

Sitecore First Approach

• In sitecore-first approach you create the templates/renderings/content in sitecore and build components coming from Sitecore JSS.

Choose the Sitecore-first approach when:

• Ø  You already planned about your content
• Ø  Sitecore Developers are your primary developers
• Ø  You are focusing more on sitecore features.

Code First Approach

• Ø  you can create templates, renderings and content in front end and import the JSS app into sitecore.
• Ø  Jss app can work with its content without sitecore instance content.

Choose the code-first approach when:

• Ø  You need to design an early prototype.
• Ø  You do not have a Sitecore instance available to deploy to.
• Ø  You need to work on a non-Windows operating system.
• Ø  JavaScript developers are your primary designers.
• Ø  Your app will be relatively simple from a content perspective.
• You are hiring an external front-end agency to build your app.

JSS CLI

Sitecore JSS includes the JSS CLI, which is a node-based command line tool with development scripts. The JSS CLI is the base tool for the code-first workflow. You use it to:

Ø  Create, maintain, and run JavaScript apps.

Ø  Scaffold components.

Ø  Deploy apps to Sitecore.

Are your ready to setup your local with code-first approach?

Please follow the steps

Install and Run the JSS CLI

Open Powershell

Create a directory for install CLI and Run this command

I have created Jsapp folder in my local

npm install -g @sitecore-jss/sitecore-jss-cli