Professional Documents
Culture Documents
Talking Sitecore Headless With Sitecore JSS Chaturanga Ranatunga SUGCON India 2018 PDF
Talking Sitecore Headless With Sitecore JSS Chaturanga Ranatunga SUGCON India 2018 PDF
Headless with
Sitecore JSS
chaturanga ranatunga
May 21, 2018
#sugcon
About Me
chaturanga ranatunga
Freelance Sitecore Consultant
Sitecore Technology MVP – 2016-2018
https://sitecorefootsteps.blogspot.com
@scfootsteps
Co-Founder & Initiator at Sitecore User Group Sri Lanka
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved.
Sitecore JavaScript Services
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved.
Demo – JSS Front-
End
Sitecore JSS Disconnected Mode
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 7
Sitecore JSS Disconnected Mode
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 8
Demo – JSS
Sitecore
Integration
Sitecore JSS Connected Mode
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 10
Sitecore JSS Connected Mode
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 11
What is Headless CMS ?
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 13
Traditional CMS
Content Content
Content Creation Content Delivery
Management Presentation
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 14
Headless CMS
Content
Content Creation API JSON
Management
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 15
Headless Sitecore
Content
Content Creation Layout Service JSON
Management
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 16
Sitecore 9 Layout Service
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 17
Sitecore Layout Service
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 18
Supported JS UI libraries & frameworks
React JS
Angular JS
VUE.JS
React Native
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 19
Wake Up!! Almost There!!!
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 20
Starting Your JSS Project
21
JSS Application Modes
For Development:
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 22
Code First Workflow
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 23
Sitecore First Workflow
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 24
Code-first Vs Sitecore-first
Code-first Sitecore-first
No Sitecore Instance Needed Running Sitecore Instance Needed
Starts with FE Project Starts with Defininig Sitecore
Content/Templates/Rendering
Best for : SPAs, Campaign pages,
etc Best for : Larger/Complex projects
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 25
Closer Look at The Demo
Roadmap
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved. 27
Questions ?
29
Thank you to our Sponsors
© 2018 Sitecore User Group Conference India and its respective speakers. All rights reserved.