A log of my progress and what’s coming up ahead is outlined below.
My plan was to start out in
disconnected mode, and then switch over to
So, I started by creating a new JSS React app by following the steps in the Quick Start | Sitecore JSS Documentation guide.
Customizing scaffolding of components
I continued forward in the documentation, and Build your first JSS component | Sitecore JSS Documentation taught me to use the
jss scaffold command to generate new components. I was interested in learning how this command worked so that I could customize the component template to my style. This customization was straighforward to achieve, see the following post for details.
Mastering the manifest API
Building a Sitecore site requires designing components, routes, and custom route types based on the site’s content and UX requirements. In a traditional MVC implementation, this data modeling is done by creating items in the Sitecore tree. But in a JSS implementation, when using a
Creating page types and displaying page-level fields
This post shows how I used the manifest API to create a custom route type, and how I built a component for rendering and editing route-level content.
Similar to disconnected mode, connected development mode also runs your JSS app on a local server. The difference is that in disconnected mode the app is hydrated with content from yaml/json files, but in connected mode the app is hydrated with content from Sitecore.
To run connected mode, I needed to deploy my app to Sitecore, which did not go smoothly. This post covers the errors I experienced and how I solved them.
Yassss, the fun stuff is next
- Trying out GraphQL
- Component/animation libraries
- Adding a theme