I'm not 100% sure what JSS is and I want to experiment with some sample JSS apps and build a JSS app of my own.

What is JSS?

  • JSS is an SDK - allows developers to build websites using JS frameworks (React, Angular, React Native & Vue)
  • Sitecore is used as a Headless CMS - to provide the Sitecore item’s presentation details as JSON.
  • It has Full support for the Sitecore Experience Platform - Experience Editor, Personalization, MV testing & Tracking / Analytics (via server-side rendering).
  • Apps can be built entirely disconnected from Sitecore - then deployed to Sitecore later (Sitecore install not required)
  • You can build your apps Code-first or Sitecore first depending on your requirements and experience.

Architecture

enter image description here

Integration & Data Flow

enter image description here

Release Process

  • It is developed by Team X at Sitecore outside of the usual Sitecore release schedules.
  • JSS Is currently in Tech Preview (v3) with Tech Preview 4 due imminently

Pre-requisites

Ensure you have the following pre-requisites installed:

  • Sitecore 9 or 9 update 1 (with a licence with JSS included)

  • Node JS version 6.9 or above

  • NPM version 5.7 or above or yarn

Installing JSS

There is more info on this here: https://jss.sitecore.net/#/setup/jss-server-install?id=jss-server-install

Running A Sample JSS App

This example is for the React Example App.

  1. Add a new binding for ‘JssBasicAppReactWeb’ under sitecore in iis & your hosts file
  2. Using command prompt run:

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

  3. Choose a jss application template (we will use basic-sample-react)

  4. Using command prompt run:

    jss create my-first-jss-app basic-sample-react jss start

  5. Test the static site on: http://localhost:3001

  6. Using command prompt run:

    jss setup - then follow setup steps

    jss deploy config Jss deploy package

  7. Test the connected site on: http://JssBasicAppReactWeb

There is more info on this here: https://jss.sitecore.net/#/setup/quick-start-dev

Sample Template Apps

The sample apps can be found on Github here: https://github.com/Sitecore/jss

More Resources

  • nice!!! 👍👍👍👍 – Alex Shyba May 15 at 18:07
  • One thing to note is you need an active subscription Sitecore license for JSS. Our client is unable to use it with a perpetual license. – Vivek Ayer May 27 at 19:18

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.