ABSTRACT:Adobe Edge Delivery Services (EDS) is a high-performance content delivery platform that prioritizes speed and simplicity. However, its native support for reusable components relies on a client-side Fragments mechanism that fetches and injects HTML via JavaScript at runtime. This approach fundamentally conflicts with search engine and large-language-model (LLM) indexing requirements, because the component content does not exist in the server-delivered HTML document. Similarly, AEM Content Fragments — the structured, headless content units of AEM as a Cloud Service — can only be consumed in EDS pages through GraphQL API calls resolved in the browser. While Adobe has introduced a Content Fragment Overlay feature to address server-side rendering of Content Fragments, it is designed around whole-page generation from a single Content Fragment and does not support embedding a rendered component into an existing EDS-authored page. This paper proposes an architecture — BYOM-CF-SSR (Bring Your Own Markup Content Fragment Server-Side Rendering) — that bridges all three gaps: it enables specific Content Fragment-backed components to be server-side rendered and injected into existing EDS pages, produces SEO-indexable HTML, and preserves full EDS block architecture parity. The solution uses EDS's Bring Your Own Markup (BYOM) overlay feature, Adobe App Builder as a serverless runtime, AEM GraphQL for data retrieval, and Handlebars for HTML template rendering.

KEYWORDS: Adobe Edge Delivery Services, AEM Content Fragments, Server-Side Rendering, BYOM, App Builder, SEO, GraphQL, Handlebars, Fragments CSR, AEM as a Cloud Service

SERVER-SIDE RENDERING OF REUSABLE COMPONENTS IN ADOBE EDGE DELIVERY SERVICES VIA BYOM AND ADOBE APP BUILDER

SHRAVAN KAMLESH YADAV , KRISHNA SITARAM MULIK
MASTER OF COMPUTER APPLICATIONS - INFORMATION TECHNOLOGY (MCA-IT) DHIRAJLAL TALAKCHAND SANKALCHAND SHAH COLLEGE OF COMMERCE, MUMBAI DISTANCE LEARNING PROGRAM