Expand my Community achievements bar.

YES, it is possible to have Dynamic Integrations in Adobe Franklin - Edge Delivery Services

Avatar

Community Advisor

7/19/24

AEM Discussions

Dynamic Integrations in Adobe Franklin

  by Ritesh Mittal
 
Is it possible to have Dynamic Integrations in Adobe Franklin -The Edge Delivery Services? And the answer is YES

Overview

AEM and Franklin offers distinct purposes for digital content management and experience delivery.

 

Franklin simplifies the content creation and publishing process and focuses on allowing content creators to build and manage content in a more streamlined and developer-friendly way. It comes with key features such as Static Site Generation, Git-Based Workflows, Headless CMS, and design Flexibility.

 

There is a playlist for the various architecture and concepts explanations.

Adobe/AEM Franklin - Edge Delivery Services 

 

While the above features are quite interesting, but while building a new website, there is a high possibility to have dynamic integrations through Web APIs. The big question is how and where to write code for that integration.

 

Franklin uses Block, which is a combination of JS (for scripting) and CSS (for style). Though, having JS means, it is an easy guess that it is possible to have API integrations (The jQuery get, fetch call). BINGO!

 

Think of Block as Functional component in AEM.

 

High level steps would be as follows for API integration-

  1. Create a new Block.
  2. Modify the JS file to add REST based API execution logic (for example fetch)
  3. Use the response to build the user experience or send data to any system (third-party, database)

 

Detailed, step-by-step explanation has been provided in below videos-

 

API and Dynamic Features Integration in Adobe/AEM Franklin - Part-1 

API and Dynamic Features Integration in Adobe/AEM Franklin - Part-2 

API and Dynamic Features Integration in Adobe/AEM Franklin - Part-3 

 

Let's connect, Learn and Explore-
 

Q&A

Please use this thread to ask the related questions.