Monday, 24 January 2022

How to start with Sitecore JSS using react framework ?

Hope you are already aware of the basics of Sitecore JSS and react as well. Here in this article, we are going to 

  • Setup Sitecore JSS app with React framework
  • Connect/Map JSS app with Existing Sitecore Instance
  • Deploy JSS App to Existing Sitecore Instance

NOTE: I did a setup with Sitecore 10.2, but you can choose as per your need.

The steps are as below

  • Sitecore 10.2 setup - without SXA [ex: sc.dev.local]
  • Sitecore PowerShell extension 6.3
  • install Sitecore package by clicking JSS compatible module 
  • create JSS key in masterdb /sitecore/system/Settings/Services/API Keys/
  • goto Repo location (where wanted to create Sitecore JSS Application)
  • install jss cli by cmd/powershell as admin and run below command
  • >npm install -g @sitecore-jss/sitecore-jss-cli
  • To create Sitecore JSS app using react framework run below command
  • >jss create jssapp react
  • >jss start [to check it's working]
  • add new site binding dev.local instance as jssapp (HTTP) and make host entry in C:\Windows\System32\drivers\etc
  • run and check http://jssapp/
  • run command >"jss setup" and add details as requested
  • please verify hostname from JSSAppLocation/sitecore/config/jssapp.config
  • run command >"jss deploy config" [To deploy Sitecore JSS Application config to Sitecore instance]
  • run command >"jss deploy app -c -d" [To deploy everything from Sitecore JSS Application to Sitecore instance]
  • verify again "http://jssapp" [To verify JSS application changes on hosted Sitecore instance]

Hope this will help you to set up quick with the Existing Sitecore instance.

No comments:

Post a Comment