1. LA SUG #10
Get ready for Jamstack with
Sitecore Experience Edge

2. Introducing Jamstack
2

3. 3

4. 4

5. What is Jamstack and what it isn’t
5
Its not a technology stack
Its not a platform
Its not a framework
Its an architecture approach centered around
1. Pre-rendering
2. Decoupling
Its purpose is to make web faster, more secure and easier to scale.

6. Its all about pre-rendering
Static Site Generation (SSG)
Fetch data at build time and pre
render dynamic routes based on
data
Server Side Rendering (SSR)
Fetch data on every request
6
Watch out for Incremental Site Regeneration (ISR) feature in Next.js

7. Why Jamstack?
7
Performance
Scale
Security
Maintainability
Portability
Developer Experience

8. How do you go Jamstack?
• Pick JS, CSS frameworks (React, Bootstrap)
• (Vue, Ruby, Python)
• Pick a SSG (Next.JS, Gatsby)
• (Nuxt.js, Gridsom Jekyll, MkDocs)
• Pick a headless CMS (Sitecore + Uniform)
• Pick a build tool (Netlify Build)
• Pick CDN (Netlify Edge)
8

9. Introducing Sitecore
Experience Edge
9

14. CDN

15. 15

16. Sitecore Experience
Edge for Content
Hub
16

17. 17
1. 2.
3. 4.

18. Sitecore Experience
Edge for XM
18

20. 20

21. 21
Authoring
Sitecore CM
Master
database
Delivery worker Delivery server
Media
storage
CDN
Entity
storage
JSS Application
Publish
Media
Media
GraphQL
Entities
Items &
Layouts
Edge Delivery Client

22. 22
JavaScript Static Site
Generation
Content Management
JavaScript or .NET
server-side rendering
Experience Editor /
Horizon
Client-side App
(in-browser)
Rendered pages
Render for
editing
Layout and item data
Pre-rendered
layout and items
Preview
Layout and
items
Rendering
hosts or Static
Site Generation
are customer
or cloud
partner hosted.
Client-side data
queries still
require calls
back to CD.
JavaScript Server-
Side Rendering
.NET Server-side
Rendering
XM Content Delivery
Edge
Mirrored APIs allow
editing/preview of
the customer site.
Fully managed SaaS
solution by Sitecore
XM Delivery Connector
Item Data (AJAX)

23. Which is the right
one for me?
23

24. 24
What has a higher
priority?
We need to provide seamless
digital experiences on the
internet
What’s the bigger
problem you’re trying to
solve?
Sitecore XP
We need a focused
content strategy to
facilitate reuse across
channels
(api first)
What has a higher
priority?
Flexibility to maintain web
experiences by business
users
Collaboration, content strategy,
governance, planning, management,
asset management.
Experience Edge
for XM
Experience Edge
for CH
START
Decrease of ownership and
reliance of IT
Content Hub
Multi channel delivery?
Involve your solution engineer
Personalization

25. References
• https://dev.to/uniform/what-does-jamstack-mean-for-sitecore-1j6n
• https://graphcms.com/blog/top-12-ssgs-2021
• Tony M. from Uniform
• Sitecore eLearning
25