Single Page Apps in Sitecore
- 1. Super simple flows in very distinct places Single Page Apps in Sitecore
- 2. Bill DeLude Bill has been developing software professionally for over 20 years. He is a Microsoft Certified Web Developer and his professional career has included work for JD Edwards, Oracle, and RelayHealth. His passion is finding creative, elegant solutions, and teaching others how to do the same. When Bill is not programming, he is spending time with his wife and three kids, doing anything from taking a grand vacation to sitting in the back yard. He volunteers through his church and the Goodwill as a youth mentor. His work as a mentor can include driving across states or just sitting and listening. Bill plays an ever increasing number of instruments. Currently, he plays eight: bass, guitar, drums, cello, ukulele, sitar, erhu, and mandolin. Bill DeLude, Sr Consultant @bill_delude
- 3. Lenny Reed Lenny is a husband, father, outdoorsman, and software developer interested in AngularJs, Responsive Design, RESTFul API’s, Cloud Services, and all other things tech. In everything he does he sees himself as a builder. Whether it is building a web application or building a table, its just what he does! Lenny has been writing code since he was 10, and working in the software industry for over 15 years. When he is not creating awesome applications, Lenny loves watching broncos games, crossfit, hiking, backpacking, camping, photography, mountain biking, skiing, gardening, woodworking, and cooking. Lenny Reed, Sr Consultant @leonardlreed
- 4. Agenda • How to properly fit Single Page Apps in the Sitecore ecosystem • Components • Demo Aspenware: Single Page Apps in Sitecore 4
- 5. Don’t SPA the whole site • It’s a waste of a Sitecore license (and they’re not cheap) • Marketing has a plan to turn visitors into buyers, and they need Sitecore’s customizable, targeted widgets to realize the plan • The more control and maintenance of the site you can give to marketing, the less work you’ll have to do on it Aspenware: Single Page Apps in Sitecore 5
- 6. No Room for a SPA on this page Aspenware: Single Page Apps in Sitecore 6
- 7. So, when is a SPA appropriate? • Short workflows where the functionality of Sitecore would actually get in the way of the goal • 2-5 screens • Examples • Checkout • New user registration Aspenware: Single Page Apps in Sitecore 7
- 8. SPA in the Middle Aspenware: Single Page Apps in Sitecore 8
- 9. That’s great, but HOW? • Create new Sitecore page with a placeholder for the Angular app • Create sublayout in Visual Studio • Create sublayout in Sitecore • Put your new sublayout in your new page • Publish • Do Angular stuff Aspenware: Single Page Apps in Sitecore 9
- 10. Gotchas to avoid • Making CMS changes then forgetting to publish my sitecore items • Making changes to the source code and forgetting to re-publish from Visual Studio • Having invalid relative references • Sitecore caching previous changes Aspenware: Single Page Apps in Sitecore 10
- 11. Some Helpful Links • http://www.sitecoredevelopment.com/ChrisDaly/2016/April/AngularJS%20and%20Sitecor e.aspx • http://agooddayforscience.blogspot.com/2015/02/spa-with-sitecore-and-angularjs.html Aspenware: Presentation Title 11
- 12. Questions Aspenware: Single Page Apps in Sitecore 12