AEM-UG - Midwest Chapter Meeting 08282024.pdf

The presentation that was given during the AEM User Group Meeting on 8/28/24

1. AEM USER GROUP MIDWEST CHAPTER MEETUP
Demystifying Edge Delivery Services
Wednesday, August 28, 2024

2. 22
Agenda
Edge Delivery Services: What is it and Why?1.
Site Performance, Authoring, Development2.
Things we’ve learned, and considerations3.
Additional Topics, Future Roadmap,
Resources
4.

3. 3
What is Edge Delivery Services?
From Project Franklin to Next
Gen Composabilityto Edge
Delivery Services...or just Edge
Delivery.
Edge Delivery Services is part of
AEM as a Cloud Service, and
available as an add-on to
Commerce and Forms, and
integrated with Adobe Assets
“Edge Delivery Services is a new set
of composable services in Adobe
Experience Manager as a Cloud
Service that deliver exceptional
experiences that drive engagement
and conversions. This is AEM, not
an alternative or substitute.”
-Adobe

4. 4
What is
Edge Delivery
Services?
Is it a CDN?
No, it’s the wingman for your CDN.
So, it’s editing in Word?
No, it’s one of the Content Sources.

5. 5
Edge Delivery Services on AEM as a Cloud Service
Edge Delivery Services
Experience
Delivery
Customer-Owned FE
AEM Headless
implementation
Content Repository Service
AEM Headful
implementation
Universal EditorCF Editor
Content Management
Document-Based Authoring
SharePoint / GDrive
Sidekick Browser Extension

6. 6
Why AEM With Edge Delivery Services?
Faster Load Times mean…
•Better User Engagement
•Better SEO Rankings
•More conversions
•Strive for 100
Performance First
Increase development velocity
with flexibility and simplicity of
modern web platform
•Full stack friendly
•Supports content and code
separation
•Less specialized development
needs
Rapid Development
Bring the tools to where the
business and authors are
•Remove obstacles
•Reduce the learning curve
•Speed up productivity
•Some choice of authoring
Improved Authoring and Multi-
Experience Content Management

7. 7
Site Performance
FOCUS

8. 8
Edge Delivery Productized
Speed With Performance-
First Architecture
Phased Content Rendering
Optimize payload and user experience by loading pages in
phases.
Automated Testing Continuously test every code change to ensure high performance.
Pro-Active Monitoring
Quickly resolve issues and maintain high performance.
High Availability
Website is regionally available at the edge with a
high cache ratio.
Built-in high performance to optimize key web metrics

9. 9
High Performance Right OOTB
No Additional Optimization
MAIDENFORM –HANESBRANDS DANAHER SUNSTAR
Go-live Go-liveGo-live

10. 10
Authoring
FOCUS

11. 11
Edge Delivery
Services Authoring
Document-Based
•Empower any content author to create
using familiar authoring tools (e.g.,
Microsoft Word, Google Docs)
•Streamlined content creation by
enabling authoring, review, and
publishing directly within source
documents
•Zero onboarding required for content
authors, speeding content velocity
•Block-based components for authoring
Enable every marketer to create content
quickly with known authoring tools.

12. 12
Edge Delivery
Services Authoring
Universal Editor
•Increased authoring efficiency with
WYSIWYG editing and real-time
preview for any experience, headless
or headful
•Comprehensive AEM content
management capabilities, including
workflows and governance
•Out-of-process extensibility, leveraging
numerous extension points
A customizable, one stop place to create
and edit live within the visual preview.

13. 13
Edge Delivery
Services Authoring
Project Dark Alley
•Not GA, experimental, and we had a
chance to work with it
•Documents can be previewed, edited
collaboratively, and published
•Import tools, translation, more to come
•Continued feature parity with
traditional AEM
An experimental project by Adobe to
address specific use cases for Adobe.

14. 14
Edge Delivery Services
Commerce Integration
•Build the site based on the Commerce
boilerplate
•Document-based authoring is
supported
•Universal Editor will have an extension
that provides Product integration via
rail
Edge Delivery Services as the “glass,”
calling Adobe Commerce as headless.

15. 15
Development
FOCUS

16. 16
A Content-First Approach
Model-or Design-first
Content-first
Design Develop DeliverModel
Build
Experience
Content
Develop
Content
Design
Deliver
Separation of concerns (code, design, content)
Start with Content ; develop design & model in parallel
Iterative& faster, instead of linear process
Lightweightmodeling & development assumes
change in future

17. 17
Rapid Development
•No learning curve
•Auto-created code
preview
•Pre-optimized project
accelerator
•Pool of curated
solutions by community
experts
•Quick best practices & data access with product collaboration channel
Access to
RUM
insights
Best
practices
Product
collaboration
channel
Automated
tasks through
bots

18. 18
Things We’ve Learned…
Edge Delivery Services is not a static
site generator (SSG), it renders content
on the fly.
This means your content and
functionality will be updated instantly,
without alengthy rebuild process.
Edge Delivery Services can be used as a
headless CMS, however it can also
render full HTML pages.
With its support for Excel and Google
Sheets, you canincorporate structured
content into your site, similar to a
headless CMS.
Content authored in Word and Google
docs can be aggregated into indices and
can be delivered as JSON.
Content is NOT stored in AEM, but
Project XWalk has changed that with
enabling Universal Editor on top of
AEM as a Cloud Service.
The RUM is a Real User Monitoring
service that checks how fast your site is
for visitors in the real world. This gives
you more accurate performance data
than lab results like the Lighthouse
score.
You can see the markdown on the page
by adding .md to the end of you URL
(e.g.
https://main--ngcdemo--
prftadobe.hlx.page/product/surface.md)
You can see the plain html on the page by adding .plain.html to the end of you URL
(e.g.
https://main--ngcdemo--
prftadobe.hlx.page/product/surface.plai
n.html)

19. 19
Things We’ve Learned…
There are more choices in terms of
authoring, and those should be
considered as part of your
implementation.
If your pages have metadata,
metadata.xlsx is a spreadsheet that
allows you to centrally manage
metadata for SEOof your site. It
allows setting default metadata,
exclude page sections from indexing,
and more.
The sidekick is extensible–We’ve
integrated Assets and Generative
Variations.
With Universal Editor, Headless
Authoring, and Document-based
Authoring, Adobe is going in the
direction of more authoring
flexibility so that content can be
created at scalewith more authoring
choices.
AEM serving Edge Delivery Services
content and vice- versa –“a mix of
pages delivered to Edge Delivery
Services and to AEM CS instances is
possible.”
Edge Delivery Services is available
not only for Sites, but also for Forms
and Assets.

20. 20
Considerations
Edge Delivery Services are …
Good When Should Look Further/Consider When
Content management needs are basic Content needs are advanced (MSM, annotations, Launches)
Authoring team has limited experience with Content
Management Systems
Content Management System features, like workflow, versioning,
annotations, etc. are needed
Authors don’t need layout controls Content authors require significant control over layouts
Development teams lack AEM development experience Content authors need advanced features like responsive design content
placement
You have a large amount of Landing Pages You have lots of dynamic content as integration options are limited
Your content mostly static Your development team is back end only, it’s more geared to front end
development architectures.
Your development team is front end development focused. You have Complex Security Requirements
You are planning to develop a brand-new site, look at Edge
Delivery as your first option
Your new site has complex authoring and end-user requirements that
warrant further discovery

21. 21
Governance in Document-Based Authoring
Capability
How it Works
Capability
How it Works
Capability
How it Works
Access control
Manage user permissions
•SharePoint permissions can be
managed at the site, folder,
document, and section- level:
view, modify, review, and delete
•Google permissions at site,
folder, and document-level:
View, modify, comment
•AEM Sidekick global site-level
permissions: publish and preview
Version control
Track changes, roll back changes,
and compare revisions
•Automatic creation of versions
when changes are made
•Version History and Track
Changes (in both SharePoint and
Google) to compare and view
changes, revert to previous
versions
Workflows
Automate and streamline content-
related tasks (approval, review)
•Built-in review/commenting to
streamline content workflow
•MS Power Automate add-on to
automate workflows

22. 22
Additional Exploring & Topics
Site Importer,
Migration Tools
AEM Sites bringing
in Edge Delivery
Services content,
and vice-versa
GitHub repos can be
either public or
private
Sidekick –Time-
based banners,
Product browsing,
and more
Logged-in State or
complex security
requirements

23. 23
Future Roadmap
•Usability and
accessibility
enhancements
•Move components
between containers
•Copy-paste of
components
NOW
•6.5 support (for headless use-cases)
•Undo/Redo
•MSM and Launch support
Q4
•Collaborative editing 3
rd
party persistence plugin
•Plugin for content stored in documents (e.g. Word)
•Support Core Components
2025+

24. 24
Resources
For Developers
•https://aem.live
•https://discord.gg/YN7FXnpN
•https://da.live
•https://www.youtube.com/@aem-
live/videos
For Marketers & Product Owners
•https://business.adobe.com/produ
cts/experience- manager/sites/site-
performance.html
•https://experienceleague.adobe.co
m/
For Partners
•Slack
•Adobe Enablement

25. 25
Contact Information
Raf Winterpacht
[email protected]
https://www.linkedin.com/in/rwinterpacht/
Perficient https://www.perficient.com
AEM Midwest Chapter
https://aem-augs.adobe.com/aem-midwest-chapter/

26. 26
Thank You