{"ref":"content:ui-composition-with-application-frontend-service","page":"/content/ui-composition-with-application-frontend-service","json":"/content/ui-composition-with-application-frontend-service.json","generated":"2026-10-26","drafted_with_ai":true,"entity":{"id":"ui-composition-with-application-frontend-service","title":"UI Composition with Application Frontend Service","url":"https://community.sap.com/t5/technology-blog-posts-by-sap/ui-composition-with-application-frontend-service/ba-p/14388226","content_type":"blog","explains":["artifact:miyasuta-generator-ui5-library-af-deploy","capability:ui5-build-tooling"],"summary":"Why shared UI code is hard, and what Application Frontend changes about it. The piece first lays out the three usual answers and what each costs — copying files at development time and repatching every consumer, publishing an npm package and rebuilding every consumer, or hosting the code separately and paying for it in CORS and session handling, or in an extra network hop through a server-side proxy. It then shows a fourth that only this service can do: runtime server-side composition without the hop, configured through routes in the consuming application's xs-app.json, across three cases — a reusable application embedded in a consumer, and two further composition shapes. Read alongside the generator, which scaffolds the mta.yaml, xs-app.json and zipper configuration this model needs.","short":"Shared UI code and what Application Frontend changes about it","author":"Vadim Tomnikov","published":"2026-05-18","sources":[{"url":"https://community.sap.com/t5/technology-blog-posts-by-sap/ui-composition-with-application-frontend-service/ba-p/14388226","title":"UI Composition with Application Frontend Service — SAP Community","checked":"2026-09-07","quote":"in this post I want to show you a more efficient way to achieve UI composition—one that is unique to UIs hosted on Application Frontend service. In short, it is a form of runtime server-side composition, but without the overhead of extra network hops."}],"provenance":{"discovered_via":[{"source":"source:github","channel":"miyasuta"},{"source":"source:sap-community"}],"first_seen":"2026-09-07"},"drafted_with_ai":true,"published_on":"source:sap-community"},"readings":{"liveness":[{"label":"Checked against the source","tier":"unknown","evidence":"nobody has checked it"},{"label":"Source reachable","tier":"unknown","evidence":"not crawled"},{"label":"Age","tier":"good","evidence":"published 5 months ago"}],"compatibility":[{"label":"Version","tier":"unknown","evidence":"no version declared"},{"label":"Moved since?","tier":"poor","evidence":"generator-ui5-library-af-deploy 0.1.0 since publication"},{"label":"Findings","tier":"good","evidence":"none flagged"}],"reach":[{"value":4415,"unit":"views"},{"value":3,"unit":"comments"},{"value":2,"unit":"likes"}]},"signals":{"views":4415,"likes":2,"comments":3,"metrics_at":"2026-10-25"},"series":null,"edges":{"authors":[]}}