Sitecore JSS APP Structure
Step-1 : Creating a Banner component
We have to add our new component here.
Run this command - jss scaffold Banner
We can see the our new component files in three sections.
three sections:
Declaring fields
Defining field values
Arrange the html with fields
We can see the fields couple of fields here
Step-2 : Declaring Fields
Step-3 : Defining field values
The page is loading from this file - XML file.
Step-4 : Defining html with fields
Step-5 : Verify Localhost page
Refresh your localhost pages for verifying changes.
Step-6 : Sitecore Editable Content
You can add more content in sitecore page.
Then you can another way of editor in Sitecore Experience Editor page.
Adding Content in Experience Editor:
- I proceed to add the 'Content' content in the Experience Editor.
Next, You can save button
Then Refault the sitecore content editor page. You can see your Page.
Distinguishing Between Databases:
- It's important to note that my app is loading content from the web, and there is a distinction between the master and web databases.
Then Open you website window ,you can changes in the your sitecore site.
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!