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.

How to fix HTTP Error 502.5 Sitecore Horizon Issue ?

 

You may face the below issue while setting up Horizon on your machine.

And to resolve this issue, it is must verify is .net core 3.1 and 2.1 are on your machine. Please use the below command to verify
dotnet --info (PowerShell as admin)

If not then please install from below

https://dotnet.microsoft.com/en-us/download/dotnet/2.1
https://dotnet.microsoft.com/en-us/download/dotnet/3.1
Once installed, run horizon instance again. 

The above same issue you may also face with Sitecore Identity server and solution will be same.

How to uninstall Horizon from existing Sitecore instance ?

There may be a scenario, where we would need to uninstall the horizon instance. For that, we would require the same tool can be downloaded from https://dev.sitecore.net/Downloads/Sitecore_Horizon.aspx

We have chosen for our instance as 

please download and unzip, if not have. And now open InstallHorizon.ps1 script file.

Please add the below variables in the same file 

[string]$InstanceName = $horizonInstanceName,

[string]$PhysicalPath = $horizonPhysicalPath,

now please comment InstallHorizonHost method calling and add below as per screenshot

Import-Module "$PSScriptRoot\InstallerModules.psm1" -Force

Uninstall-HorizonHost `

  -InstanceName $InstanceName `

  -PhysicalPath $PhysicalPath

Once done, run the PowerShell script. Horizon instance will be uninstalled.