Sitecore JavaScript Services

By Er. Pranshu Katiyar (Software Engineer) -

 Sitecore JavaScript Rendering SDK (JSS)

What Is Sitecore Jss:

Sitecore JSS offers front-end developer of whole new way of working and interacting with Sitecore. Building a JavaScript app on top of Sitecore has never been easier. Simply use your Favourite JavaScript framework and leverage the Sitecore capabilities to power your applications.

What is Headless Development:

Sitecore Headless Development is based on a rendering host front end and a Sitecore instance back end. This decoupling of logic domains makes a Sitecore solution easy to develop, maintain, scale, and upgrade.

Sitecore ASP.NET  Rendering SDK - https://doc.sitecore.com/xp/en/developers/hd/200/sitecore-headless-development/sitecore-asp-net-rendering-sdk.html



Getting started with the latest version of Jss Application

To develop a JSS application, you need:

  • Ø  An operating system supported by Node (Mac, Windows, Linux).
  • Ø  Node. We recommend using the latest long-term support (LTS) release.
  • Ø  Make With Any Name A folder for Jss Application in Your Local PC.


To Create a JSS Project:

Step 1: Open Command Prompt (CMD) in Admin mode In Your Project Location.

Step 2: Check node version Using: node -v

Step 3: Install Sitecore Jss CLI Using:  npm install -g @sitecore-jss/sitecore-jss-cli


Step 4: Check JSS version using:    jss -version

Step 5: Create jss Aplication using react Framework using: npm init sitecore-jss


Ø  Which template would you like to create? react

Ø  Where would you like your new app created? C:\Project\react

Initializing 'react'...

Ø  What is the name of your app? jssfreshapp

Ø  What is your Sitecore hostname (used if deployed to Sitecore)? jssfreshapp.dev.local

Ø  How would you like to fetch Layout and Dictionary data? REST

Ø  Which additional language do you want to support (en is already included and required)? da-DK


After These Steps Your npm ready to install Automatically:


And Showing the Window Like This on CMD:


And Showing the Folder Like This on Local:


Step 6: To Start the Application Follow Some More Steps:

Ø cd react


v   Set-ExecutionPolicy UnRestricted (If Required)

v   Set-ExecutionPolicy -Scope "CurrentUser" -ExecutionPolicy "Unrestricted" (If Required)

Ø  jss start


After Successfully Running This command You Get A Window Like This on CMD:


After That You Can Browse the Local Address on Server (Google, chrome, Microsoft Edge) You Get the Window Like This:


Now We have Successfully Installed the Sitecore Jss in System.

[Reference From : https://developers.sitecore.com/content-management/headless#introduction , https://doc.sitecore.com/xp/en/developers/hd/200/sitecore-headless-development/index-en.html]

Error’s While Installing Sitecore JSS

1. If Getting Error On LocalHost Use Following Step:

Ø  Open this link in edge browser: edge://net-internals/#hsts

Ø  Scroll to the bottom where it says Delete domain security policies and enter "localhost" and delete.

Ø  Reopen localhost:3000/

2. Open PowerShell in Your Project , react Folder And Run :

  •  Set-ExecutionPolicy -Scope "CurrentUser" -ExecutionPolicy "Unrestricted"
  •  jss sc affold react

 

Thanks For Reading My Blogs. You Can Also Continue Your Learning By Reading These More Blogs - 


Comments

  1. AnonymousApril 27, 2023

    Good Article, Described in Step by Step.. Thanks

    ReplyDelete
  2. AnonymousApril 27, 2023

    Informative Article 🔥🔥

    ReplyDelete

Post a Comment

Read More Blogs Here....

LaMDA Software

By Er. Pranshu Katiyar (Software Engineer) -
Image
  LaMDA Software Introduction: ·     LaMDA is a family of conversational large language models or AI-driven chatbot developed by Google . Originally developed and introduced as Meena in 2020, the first-generation LaMDA was announced during the 2021 Google I/O keynote, while the second generation was announced the following year. it's basically an advanced form of a chatbot.            ·         The acronym stands for " Language Model for Dialogue Applications ". Built on the seq2seq architecture , transformer-based neural networks developed by Google Research in 2017, LaMDA was trained on human dialogue and stories, allowing it to engage in open-ended conversations. ·         Google will release LaMDA to small groups of people in batches, test the app, and work on feedback to make it better, before making it available to the general public. ·     ...
Read more

Component In Sitecore / Create One Column Component In Sitecore:

By Er. Pranshu Katiyar (Software Engineer) -
Image
What is Component / What are Sitecore components: A component defines a part of the page. It can contain layout information, for example, content fields and placeholders, and their positions on the page, as well as business logic or metadata for the page.  In Sitecore, a page consists of a page layout and components. The page layout defines the overall structure of the page. A developer creates the page layout, which can contain placeholders where you can insert components. A component defines a part of a page. Typically, you reuse components on multiple pages. If the component displays content, you can save the content to the page item or to a separate content item. You assign a content item to the component on the page, and you can reuse the content item on other pages. Simple Steps for How to Create one Column Component (For Beginners) Step 1 -   Create a Template name “ ColumnTemplate” Location :   /sitecore/templates/Feature/Composites/ColumnTemplate Step 2 - Cre...
Read more

Blockchain Technology

By Er. Pranshu Katiyar (Software Engineer) -
Image
Blockchain Definition: Ø   A blockchain is a digitized, distributed, consensus-based secure storage of information protected from revision and tampering over the peer-to-peer network. Ø   Most often used in association with cryptocurrencies like BitCoin, blockchain is a digital, distributed, public-ledger technology designed to record transactions in a secure, tamper-proof, yet publicly accessible way that resists tampering or modification. Ø   Blockchain was first introduced in the white paper for Bitcoin in 2009 by unknown person named as Satoshi Nakamoto. Currently, blockchain is used by multiple organizations to tackle their problems and provide a better solution. What exactly is Blockchain: The blockchain is general terms is defined in following manner:   A technology that permits transactions to be recorded permanently.    A technology that removes intermediaries and create trust through the algorithm. A technology that cryptographically secure...
Read more

Sitecore PowerShell : Part 1

By Er. Pranshu Katiyar (Software Engineer) -
Image
  Sitecore PowerShell Extension: Sitecore PowerShell Extensions (SPE) is a module for Sitecore that enables scripting and automation capabilities using PowerShell. PowerShell is a scripting language and shell designed for task automation and configuration management . With SPE, you can create and execute PowerShell scripts within the Sitecore context, allowing you to automate various tasks and operations. Here are some key aspects of Sitecore PowerShell Extensions: Installation You can install SPE using the Sitecore Installation Wizard or install the module manually by copying files to the appropriate directories. Integration with Sitecore SPE integrates with the Sitecore Desktop and Content Editor, providing a PowerShell console directly within the Sitecore interface. Scripting Environment SPE provides a scripting environment where you can write, edit, and execute PowerShell scripts. You can use these s...
Read more

Contact Me/Any Suggestion

Name

Email *

Message *