Getting started with Sitecore JSS

This video is for the beginner Sitecore JSS developers and you'll get to know about:
- Sitecore JSS overview
- Sitecore Integration and Data flow
- Different modes of creating a component
- Step by step guide for your first Sitecore JSS Application
Sitecore Documentation: jss.sitecore.com
Sitecore JavaScript (Sitecore) Module: dev.sitecore.n....
Detailed steps followed in the video for the demo:
1) Download and Install Node.js
- nodejs.org/en/...
2) Install Sitecore JSS CLI
- npm install -g @sitecore-jss/sitecore-jss-cli
3) Create JSS Application using React.js
- jss create jss-demo-app react
4) Start Sitecore JSS Application
- cd my-first-jss-app
- jss start
5) Create the New component
- jss scaffold MyFirstComponent
- Add new field -- headingdescription
- Add component on the homepage and provide the data.
- Render headingdescription field
6) Test newly created component in the browser
7) Get Sitecore ready for the deployment
- Install Sitecore JSS Module
- Create an API Key
- Verify the layout service
8) Deploy the JSS Application
- jss setup
- jss deploy config
- jss deploy app --includeContent --includeDictionary
9) Test Home Item in Experience Editor
10) Run JSS Application in Connected Mode
- jss start:connected
If you have any question/comment/feedback, please comment below.

[@pradeep6346]

Super good explanation and I have one query , can we use site core jss with react Native

[@OurSitecoreJourney]

Thanks Pradeep for watching this video. Use can know more about JSS with React Native on the documentation site: jss.sitecore.com/docs/client-frameworks/react-native

[@krishnatin]

This video helps me to understand the Sitecore JSS setup process and completed the dev box config & integration quickly. The steps are explained well. Thanks for this

[@ameenmca]

Wonderfully explained Nikki..!! Expecting some more advanced topics..!! Thank you so much..!!

[@OurSitecoreJourney]

Thank You. :) Sure

[@bansidharpadhy102]

Very nice explanation Nikki!!

[@OurSitecoreJourney]

Thank You Bansidhar :)

[@TheLuizSK]

save my guts, I love you man

[@pravinjaiswal7570]

Nice Step by Step Guide... My Question... If I want to perform any changes in Page (Component placement) ... How Presentation mode will work ? lets take example placement of my header & description component (currently just below Header) ...after 3rd Section in Page (Just and example)... Hope will be in Same way : Go to Presentation set 3 item place holder id to 1st item and 1st place holder id to Header and Description item !!!!

[@OurSitecoreJourney]

Yes. The way CMS works will be same.