Skip to main content

Setup Sitecore JSS application

Setup Sitecore JSS application

Before starting to create JSS application, we need to understand what is a Sitecore JSS.

What is a JSS

Sitecore JavaScript Services (JSS) is a complete SDK for JavaScript developers that enables you to build full-fledged solutions using Sitecore and modern JavaScript UI libraries and frameworks.
Sitecore JSS support Angular, React and Vue JavaScript framework.

Setup Sitecore JSS application

How to create a JSS application?

Firstly, to develop a JSS application, Node needs to be installed into your system.

Install the JSS Command Line Application

  • CLI makes it easy to create a new project, scaffold components, deployment of your JSS application, etc.
  • To installed CLI globally, run below command in the command prompt:
 npm install -g @sitecore-jss/sitecore-jss-cli  

Setup Sitecore JSS application

Create a JSS application

To create a JSS application, need to follow the below steps:
  • Create a folder with any project name
  • In project folder, run jss create <your-app-name> <app-template-name> command
Setup Sitecore JSS application

Just like below jss create jssdemo react
Setup Sitecore JSS application

After executing above command, you will see screen like below image.
Setup Sitecore JSS application


Run JSS Application

To start application in disconnected mode, first run cd jssdemo command to change directory.

Setup Sitecore JSS application


now run jss start command to run application in disconnected mode.

Setup Sitecore JSS application

Application will be run in browser in this URL http://localhost:3000/

Setup Sitecore JSS application

Comments

Popular posts from this blog

Sitecore Certification Sample Questions

Sitecore Certification Sample Questions I have completed the Sitecore 9 certification in 2019 and Sitecore 8.2 Certification in 2018. Let me tell you if you have some knowledge about Sitecore then it will be easier for you to understand questions and clear certification exam. Your main focus should be to understand the questions and answers carefully because it is too confusing There will be two options to give the exam: Install the software in your laptop (Laptop should have mic and webcam) Authorized training Center If you have proper Internet, then you can choose option 1 otherwise option 2 is a good choice. Disclaimer : Please note that the below question is only for information purpose only. Below question does not claim the accuracy of the content. Sample Questions: Question 1: What is the name of Component architecture guideline of Sitecore? Answer : Helix Question 2 : What is horizontal scaling and vertical scaling? Answer :  https://doc.

Sitecore 9 Forms: Google reCaptcha field

Sitecore 9 Forms: Google reCaptcha field  Re-Captcha is the most important part of any form’s submission. Google reCaptcha run internet bot detector and determined whether a user is a bot or not.  Sitecore Forms does not provide Google reCaptcha field, which was available in WFFM before, so I have created my custom Google reCaptcha.   Below you can find step by step process to create Google reCaptcha field. Create patch config for reCaptcha Sitekey and SecretKey <?xml version="1.0"?> <configuration xmlns:patch="http://www.sitecore.net/xmlconfig/" xmlns:set="http://www.sitecore.net/xmlconfig/set/"> <sitecore> <settings> <setting name="ReCaptchaSiteKey" value="site-key" /> <setting name="ReCaptchaSecretKey" value="secret-key" /> </settings> </sitecore> </configuration> Create new viewmodel class RecaptchaViewMode

Create Sitecore Custom Admin Page

Create Sitecore Custom Admin Page Sitecore provides you lots of Admin pages just like ShowConfig.aspx, cache.aspx, Logs.aspx, howServicesConfig.aspx, etc. which you can check from here http://<yoursite>/sitecore/admin/. All Sitecore Admin pages is available in this folder “sitecore/admin/*” Sometimes there can be requirement that you want to create custom Admin page which will be accessible to Admin/Non-Admin user. Here is an example: Create aspx page “CustomAdminPage.aspx” inside “<root>/sitecore/admin” folder <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomAdminPage.aspx.cs" Inherits="Namespace.CustomAdminPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Custom Admin Page</title> <link rel="stylesheet" type="text/css" href="/sitecore/she