My slides for the Sitecore Virtual Summit about how to architecture Sitecor e-commerce solutions using Helix.

1. How to architect your
E-commerce shop
using Helix
Presented by: Jonne Kats
July 27, 2017

2. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners.

3. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners.
“Helix is a set of overall design
principles and conventions for
Sitecore development.”

4. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 4

5. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 5
• Reuse-release equivalence principle (REP)
REP essentially means that the package must be created with reusable classes –
“Either all of the classes inside the package are reusable, or none of them are”.
• Common-reuse principle (CRP)
The CRP states that classes that tend to be reused together belong in the same
package together. It is a way of helping us decide which classes belong in which
package.
• Common-closure principle (CCP)
CCP states that the package should not have more than one reason to change. If
change were to happen in an application dependent on a number of packages,
ideally we only want changes to occur in one package, rather than in a number of
them.
Principles of package cohesion

6. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 6
• Acyclic dependencies principle (ADP)
In a development cycle with multiple developers, cooperation and integration needs to
happen in small incremental releases.The ADP states that there can be no cycles in the
dependency structure, and that when an incremental release is made, the other
developers can adopt and build upon it.
• Stable-dependencies principle (SDP)
Designs, by nature of the environments they are used in or by, are changing. So we need
to design our packages to be able to change as well.The SDP states that any packages
we want to be volatile should not be depended on by a package that is difficult to
change.
• Stable-abstractions principle (SAP)
The SAP says that a stable package should also be abstract so that its stability does not
prevent it from being extended. It also states that an instable package should be
concrete since its instability allows the concrete code within it to be easily changed.
Principles of package coupling

7. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 7
https://leanpub.com/principles-of-package-design

8. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 8

9. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 9

10. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners.
Security
Usability Availability
Performance
Modifiability
Reliability

11. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 11
• Usability
• Involve UX designer
• Use responsive front-end technology
• Performance
• Performance tests
• Introduce concurrency (ajax)
• Increase available resources
• Use responsive front-end technology
• Move resource intensive processes offline (Batch processing)
• Availability
• Load tests & stress tests
• Redundancy
• Monitoring / logging
Tactics

12. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 12
• Security
• OWASP
• Audits
• Reliability
• Retry
• Redundancy
• Logging / monitoring
• Modifiability
• Helix
Tactics

13. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 13
What technology?
Retry operations?
What architectural pattern(s)?
Batch processing?

14. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 14
• Sitecore / Commerce Server
• MVC
• Web API
• React
What technology to use?

15. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 15
• Interactive / fast
• Component based
• Server side rendering
• No flash of unstyled content
• Search engine friendly
React

16. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 16
Cart
Store
Update
Listen

17. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 17
React
Browser Server
Get page
Initial page with React
components
React component
Render
HTML
Interact
REST
HTML

18. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 18
• Helix
• Multi-layered
• REST
• Component based
• MVC
Architectural patterns

19. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 19
By data?
By responsibility?
By volatility?
Decomposing modules

20. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 20
Module
Commerce
Cart Checkout Account
Webshop
Catalog
Module
ModuleModuleModule
ModuleModuleModule
Commerce
Commerce
React

21. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 21
Module
Catalog Checkout Account
Cart Checkout Account
Webshop
Catalog
Module
ModuleModuleModule
ReactModuleModule
Commerce
Commerce

22. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 22
Module
Catalog
Enrichment
Checkout Account
Cart Checkout Account
Webshop
Catalog
Module
Guided
Navigation
ModuleModule
Guided
Navigation
ReactModule
Commerce
Commerce

23. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 23
Module
Catalog
Enrichment
Checkout Account
Cart Checkout Account
Webshop
Catalog
Module
Guided
Navigation
Menu
Guided
NavigationReact SEO
Commerce
Commerce
Cart Order
Order

24. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 24
Dependencies

25. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 25
Cart
GetCart
<<Interface>>
IEnrichmentService
GetFields

26. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 26
Cart
GetCart
<<Interface>>
IEnrichmentService
GetFields
CartEnricher
GetFields
<<Interface>>
IIEnrichCart
GetFields

27. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 27
Cart
GetCart
<<Interface>>
IEnrichmentService
GetFields
CartEnricher
GetFields
<<Interface>>
IIEnrichCart
GetFields
<<Interface>>
IProductBundleService
GetFields
CartEnricher
GetFields

28. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 28
Cart
GetCart
<<Interface>>
IEnrichmentService
GetFields
CartEnricher
GetFields
<<Interface>>
IIEnrichCart
GetFields

29. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 29
• React is awesome for Sitecore and E-commerce
• Chase down the code that changes together and move to its own module
• Inverse dependencies, find common abstractions and make modules
reusable
• Read Matthias’ book!
Conclusion

30. © 2001-2016 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 30
Questions?

32. FOR DISCUSSION PURPOSESONLY. Sitecore
Confidential and Proprietary. © 2016 Sitecore
Corporation A/S. All rights reserved. Sitecore®
and Own the Experience® are registered
trademarks of Sitecore Corporation A/S. All
other brand and product names are the
property of their respective owners.