Get ready for Jamstack with Sitecore Experience Edge

•

0 likes•421 views

Introduction to Jamstack architecture. With Sitecore supporting React and Next.js you are one step closer to Jamstack delivery with Sitecore JSS, Experience Edge for Sitecore Content Hub and Experience Edge for Sitecore XM enable Jamstack architecture.

Technology

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

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.

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

Why Jamstack?
7
Performance
Scale
Security
Maintainability
Portability
Developer Experience

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

Sitecore Experience
Edge for Content
Hub
16

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
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)

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

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

What's hot

Azure AKS

Gaetan Jaminon

How to Convert a Component Design into an MUI React Code

WrapPixel

Container Security

Salman Baset

Sitecore code review checklist

Gopikrishna Gujjula

Terraform 101: What's infrastructure as code?

GDX Wu

Migrating an application to Docker creates an opportunity to utilize new networking topologies and features, which can provide new functionality to an existing application. This talk will provide an overview of Docker networking with a focus on the architectural choices when migrating applications. Taking sample applications we will look at the existing networking topology and cover the options available to create a simple migration and provide additional functionality.

Practical Design Patterns in Docker Networking

Docker, Inc.

DevSecOps

Tomas Honzak

Are you planning to pursue a career in DevOps? Already working with DevOps but want to know what’s new in 2022? This session is for you! Join us in the 2022 edition of “DevOps for absolute beginners” session, where you will learn all about DevOps from the perspective of People, Process, and Technology. We will be talking about topics like Automation, Continous Integration, Continous Delivery, Infrastructure as Code, etc. We will also be talking about the latest trends in DevOps, including Chaos Engineering, MLOps, and eBPF. The session will conclude with great bonus material for software professional enthusiastic about DevOps, one of them being a carefully crafted learning path for DevOps from years of experience in the industry. Don’t miss out on the rest of the material.

DevOps for absolute beginners (2022 edition)

Ahmed Misbah

컨테이너 (PaaS) 환경으로의 애플리케이션 전환 방법과 고려사항 오픈나루 데모 URL : http://www.opennaru.com/seminar/%ed%81%b4%eb%9d%bc%ec%9a%b0%eb%93%9c-%eb%84%a4%ec%9d%b4%ed%8b%b0%eb%b8%8c-%eb%8d%b0%eb%aa%a8-%ec%9c%a0%ed%8a%9c%eb%b8%8c/ 오픈나루 비대면 워크샵 URL : http://www.opennaru.com/seminar/%ed%81%b4%eb%9d%bc%ec%9a%b0%eb%93%9c-%eb%84%a4%ec%9d%b4%ed%8b%b0%eb%b8%8c-%ec%9b%8c%ed%81%ac%ec%83%b5/

컨테이너 (PaaS) 환경으로의 애플리케이션 전환 방법과 고려사항

Opennaru, inc.

DEVSECOPS: Coding DevSecOps journey

Jason Suttie

DevSecOps Singapore introduction

Stefan Streichsbier

NestJS - O framework progressivo

Wender Machado

Code Quality

François Camus

Navigate the universe of CI/CD tools. As the fastest way to production, the CI/CD pipeline is now mainstream among software companies, forming the backbone of the modern DevOps environment. While DevOps handles the culture aspect, CI/CD focuses on the process and tools. With this guide, we hope to provide a clear overview of the various CI/CD tools categories and give a broad sampling of the various tools that are available.

CI/CD Tools Universe: The Ultimate List

Plutora

What is Kotlin Multiplaform? Why & How?

Shady Selim

Azure Functions Real World Examples

Yochay Kiriaty

Azure dev ops

Swaminathan Vetri

Azure DevOps for Developers

Sarah Dutkiewicz

Server Side Rendering, caching and performance

Ateev Chopra

A Short Intorduction to JasperReports

Guo Albert

What's hot (20)

Azure AKS

How to Convert a Component Design into an MUI React Code

Container Security

Sitecore code review checklist

Terraform 101: What's infrastructure as code?

Practical Design Patterns in Docker Networking

DevSecOps

DevOps for absolute beginners (2022 edition)

컨테이너 (PaaS) 환경으로의 애플리케이션 전환 방법과 고려사항

DEVSECOPS: Coding DevSecOps journey

DevSecOps Singapore introduction

NestJS - O framework progressivo

Code Quality

CI/CD Tools Universe: The Ultimate List

What is Kotlin Multiplaform? Why & How?

Azure Functions Real World Examples

Azure dev ops

Azure DevOps for Developers

Server Side Rendering, caching and performance

A Short Intorduction to JasperReports

Sitecore: Session recommendation engine

Accelerating Time To Market with Sitecore & Helix

Marketing personalized at scale sitecore + sfmc = success final final

Recently uploaded

New customer? New industry? New cloud? New team? A lot to handle! How to ensure the success of the project? Start it well! I've created the 3 areas of focus at the beginning of the project that helped me in multiple roles (BA, PO, and Consultant). Learn from real-world experiences and discover how these insights can empower you to deliver unparalleled value to your customers right from the project's start.

Powerful Start- the Key to Project Success, Barbara Laskowska

CzechDreamin

The standard Salesforce Approval process can be limiting in many ways, especially in complex scenarios. What if there was a way to implement very flexible approvals where one can use Apex code to make data updates in unrelated records, dynamically generate next steps details, and compute assignees on the fly? And still use UI-based configurations to implement concrete approval processes. In this session, we will share ideas behind such a solution and show a few lines of code to get you started.

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

CzechDreamin

You’ve heard good data matters in Machine Learning, but does it matter for Generative AI applications? Corporate data often differs significantly from the general Internet data used to train most foundation models. Join me for a demo on building an open source RAG (Retrieval Augmented Generation) stack using Milvus vector database for Retrieval, LangChain, Llama 3 with Ollama, Ragas RAG Eval, and optional Zilliz cloud, OpenAI.

Introduction to Open Source RAG and RAG Evaluation

Zilliz

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx

Abida Shariff

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

Product School

How to differentiate Sales Cloud and CPQ on first glance might be tricky if you do not know where to look and what to look at. You will know :-) Managing the sales process within Salesforce is a common use case that can be managed with standart Sales Cloud. If you want to do entire quoting process you will find out Salesforce CPQ solution exists. What is then the difference if both can handle selling products? You will see comparison of 10 different features, which Sales Cloud and Salesforce CPQ handle differently. Simple question you will always remember if you should consider using Salesforce CPQ will be a cherry on top.

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

CzechDreamin

In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring. Learn about: • The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks. • Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective. • Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification. • Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process. Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.

Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality

Inflectra

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

Knowledge engineering: from people to machines and back

Elena Simperl

Bits & Pixels using AI for Good.........

Alison B. Lowndes

When stars align: studies in data quality, knowledge graphs, and machine lear...

Elena Simperl

Welcome to UiPath Test Automation using UiPath Test Suite series part 2. In this session, we will cover API test automation along with a web automation demo. Topics covered: Test Automation introduction API Example of API automation Web automation demonstration Speaker Pathrudu Chintakayala, Associate Technical Architect @Yash and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

UiPath Test Automation using UiPath Test Suite series, part 2

DianaGray10

Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to: Create a campaign using Mailchimp with merge tags/fields Send an interactive Slack channel message (using buttons) Have the message received by managers and peers along with a test email for review But there’s more: In a second workflow supporting the same use case, you’ll see: Your campaign sent to target colleagues for approval If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team But—if the “Reject” button is pushed, colleagues will be alerted via Slack message Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors. And... Speakers: Akshay Agnihotri, Product Manager Charlie Greenberg, Host

Connector Corner: Automate dynamic content and events by pushing a button

DianaGray10

💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™: See how to accelerate model training and optimize model performance with active learning Learn about the latest enhancements to out-of-the-box document processing – with little to no training required Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath. Speakers: 👨‍🏫 Andras Palfi, Senior Product Manager, UiPath 👩‍🏫 Lenka Dulovicova, Product Program Manager, UiPath

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

UiPathCommunity

Intrigued by why some of the world's largest companies (Netflix, Google, Cisco, Twitter, Uber etc) are using gRPC? In this demo based talk we delve into the world of gRPC in .Net, what it does and why we should use it. We compare the interface with both Rest and graphQL. We will show you how to implement grpc server-side in .net and in the web. Finally, I will show you how the tooling helps you deliver powerful interfaces and interact with them quickly and simply.

Demystifying gRPC in .Net by John Staveley

John Staveley

Unlock the mysteries of successful Salesforce interviews in this insightful session hosted by Hugo Rosario (Salesforce Customer), a seasoned hiring manager that leads the Salesforce Department of multinational company with over 100 interviews under their belt. Step into the manager's chair and gain exclusive behind-the-scenes insights into what makes a Salesforce consultant stand out during the interview process. From deciphering the unspoken cues to mastering key strategies, we'll explore the intricacies of the interview process and provide practical tips for consultants looking to not only pass interviews but also thrive in their roles. Whether you're a seasoned professional or just starting your Salesforce journey, this session is your backstage pass to the secrets that hiring managers wish you knew.

Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...

CzechDreamin

Explore the core of Salesforce success in 'Salesforce Adoption – Metrics, Methods, and Motivation.' We will discuss essential metrics, effective methods to drive adoption, and the driving force behind user engagement and explore strategies for onboarding, training, and continuous support that empower users to navigate the platform seamlessly. By leveraging these tools, you can effectively measure adoption against your company’s goals and create an environment where users not only adopt Salesforce but actively contribute to its ongoing success.

Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom

CzechDreamin

Join us as we dive into the latest updates to the UiPath Orchestrator API, including new limits and features for 2024. Discover how these changes can enhance your automation projects and streamline your workflows. 📚 Overview of UiPath Orchestrator API 🔧 Recent changes to API limits 🛠️ How to adapt to new limits 📋 Best practices for using the Orchestrator API efficiently ❓ Q&A session

Exploring UiPath Orchestrator API: updates and limits in 2024 🚀

DianaGray10

Assuring Contact Center Experiences for Your Customers With ThousandEyes

ThousandEyes

Ever caught yourself nodding along when someone mentions "delivering value" in Agile, but secretly wondering what the heck they actually mean? You're not alone! Join us for an eye-opening session where we'll strip away the buzzwords and dive into the heart of Agile—value delivery. But what is "value"? Is it a mythical unicorn in the world of software development, or is there more to this overused term? This isn't going to be a sit-and-get lecture. We're talking about a face-to-face, interactive meetup where YOU play a crucial role. Come along to: Define It: What does "value" really mean? We’ll build a definition that’s not just words, but a compass for your Agile journey. Contextualise It: Discover what value means specifically to you, your team, your company, and your industry. Because one size does not fit all. Deliver It: Share strategies and gather new ones for uncovering and delivering true value—no more shooting in the dark!

Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx

David Michel

Recently uploaded (20)

Powerful Start- the Key to Project Success, Barbara Laskowska

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

Introduction to Open Source RAG and RAG Evaluation

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality

How world-class product teams are winning in the AI era by CEO and Founder, P...

Knowledge engineering: from people to machines and back

Bits & Pixels using AI for Good.........

When stars align: studies in data quality, knowledge graphs, and machine lear...

UiPath Test Automation using UiPath Test Suite series, part 2

Connector Corner: Automate dynamic content and events by pushing a button

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Demystifying gRPC in .Net by John Staveley

Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...

Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom

Exploring UiPath Orchestrator API: updates and limits in 2024 🚀

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx

Get ready for Jamstack with Sitecore Experience Edge

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

10.

11.

12.

13.

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

19.

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

Get ready for Jamstack with Sitecore Experience Edge

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Get ready for Jamstack with Sitecore Experience Edge

Similar to Get ready for Jamstack with Sitecore Experience Edge (20)

More from VarunNehra

More from VarunNehra (9)

Recently uploaded

Recently uploaded (20)

Get ready for Jamstack with Sitecore Experience Edge