Connected your APP with Sitecore
STEP-1 : Prepare your JSS app to connect
Open Terminal in the vs code & run
Run Command - jss setup
Is your Sitecore instance on this machine or accessible via network share? [y/n]: y
Path to the Sitecore folder (e.g. c:\inetpub\wwwroot\my.siteco.re): your wwroot folder : C:\inetpub\wwwroot\SC103sc.dev.local
Sitecore host name (e.g. http://myapp.local.siteco.re; see /sitecore/config; ensure added to hosts): you jss app name which you added in IIS – http:// sitecore-jss.dev.local
Sitecore import service URL [http://sitecore-jss.dev.local/sitecore/api/jss/import]: just click enter – Just click enter
Sitecore API Key (ID of API key item): your API Key which we copied in step 1
Please enter your deployment secret (32+ random chars; or press enter to generate one): just click enter
After executing this we can see the new file created in our app folder
If you have sucessfully jss setup.
STEP-2 : API Key Setup
Go to this path and create API Key item
/sitecore/system/Settings/Services/API Keys
I have created a sitecore-jss item
STEP-3 : Add Js Host Setup
Go to host file and add your new site name there
C:\Windows\System32\drivers\etc
You can access the same site in your browser.
I am going to create a new binding for my jss app
Go to IIS and find your site.
You can find the binding sections in right side.
STEP-4 : Connect your JSS app with sitecore
Deploy your app config to sitecore instance
Run this command -Jss deploy config
You can see the changes in your wwwroot folder
STEP-5 : Deploy Your App
Deploy your app to sitecore instance
Run this command -Jss deploy app -c -d or jss deploy app --acceptCertificate FD:12:F0:2E:42:C5:48:F3:58:39:03:27:F7:CF:45:DC:AF:DB:72:91 -c –d
it is integrated with my sitecore new url.
Once complete, open up Content Editor and you should find your app under /sitecore/content.
Once it done, we can see the changes in our sitecore application.
This is called Connected Mode.
K.Rajavalli
Fullstack Developer
🎶🚴♂️🌈
I'm Rajavalli, a full-stack developer specializing in React and Sitecore. Passionate about crafting exceptional solutions, I focus on client success by continuously learning and staying ahead of the curve. Let's collaborate and create something extraordinary together!