Definitions:​ - API Mesh​ - Adobe I/O Events​ - Adobe I/O Runtimes To know:​ - General of App Builder​ - Extensibility Framework for App Builder​ - Functional Demonstrations​

1. Adobe App Builder
Overview & Get Started
Guideline

2. Overview

3. • A Complete FRAMEWORK
• PAID & Enterprise
• to build and deploy custom web applications that
extend Adobe Experience Cloud solutions and run on
Adobe infrastructure
• leverages modern technologies (JAM stack, serverless
computing, Node, and React)
Definitions
Ref: https://developer.adobe.com/app-builder/docs/overview/

4. • Easily integrate and extend Adobe Experience Manager.
• EXTENSIBILITY:
• Leverage unified framework and platform to all
Adobe Experience Cloud.
• Easy to upgrades
• Powerful middleware
• API Extensibility
• Developer Experience
Quick view

5. Architect
• Adobe Developer App Builder is a serverless
extensibility platform for integrating and creating
custom experiences to extend Adobe solutions
• App Builder provides a way for customers to extend
Adobe Commerce in various use cases:
• middleware extensibility
• core services extensibility
• user experience extensibility
• Architecture
• Adobe Developer Console
• Open-source tools, SDKs, and libraries to build
custom extensions and integrations
• I/O Runtime(for hosting infrastructure) & I/O
Events(for event-based integrations.)
• Adobe Experience Cloud

6. Ref: https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/extensibility-framework-commerce-eventing.html?lang=en
Architect

7. Ref: https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/extensibility-framework-commerce-eventing.html?lang=en
Architect

8. Ref: https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/extensibility-framework-commerce-eventing.html?lang=en
Architect

9. Get Started Guideline

10. • An Adobe Account which could access Adobe
Developer Console
• Full Access or Trial Access to App Builder
• Background knowledge Required:
• JavaScript
• NodeJS, React Spectrum
• GitHub Account with CI/CD technique (Optional)
Before Getting Started

11. • Environment Setting Up:
• JavaScript, NodeJS, NPM
• Git with GitHub, GitHub Console..,
• Access to Adobe Developer Console
• Understand Adobe AIO
• API Mesh for Adobe Developer App Builder
• Adobe I/O Runtime
• Adobe I/O Events
• Adobe AppBuilder
• Introduction
• Technical Guidelines
• Sampling, build first app
• Full version: https://developer.adobe.com/commerce/extensibility/app-development/
Guidelines

12. • Definitions:
• A decoupled API platform
• GraphQL
• To know:
• What is API Mesh
• Why GraphQL
• Using it to integrate with Adobe Commerce &
other Adobe products, and third-party APIs
• Adobe App Builder relatives
API Mesh for Adobe Developer App Builder

13. • Use cases & Samples
• https://developer.adobe.com/graphql-mesh-
gateway/gateway/
API Mesh for Adobe Developer App Builder

14. Adobe I/O Runtime
Ref: https://developer.adobe.com/runtime/docs/guides/overview/
• Definitions:
• A Platform
• Serverless computing
• Project Firefly
• To know:
• What is Adobe I/O Runtime
• How it works
• Using it
• Adobe App Builder relatives

15. Adobe I/O Runtime
Ref: https://developer.adobe.com/runtime/docs/guides/overview/
• Use cases & Samples

16. Adobe I/O Runtime
Ref: https://developer.adobe.com/runtime/docs/guides/overview/
• Use cases & Samples:
• Customer places order
• I/O Runtime receives request for receipt
• Adobe Analytics provides tracking data
• I/O Runtime chooses winning message
• Adobe Campaign send delivery
• https://developer.adobe.com/runtime/docs/guides/over
view/

17. Adobe I/O Events
Ref: https://developer.adobe.com/events/docs/
• Definitions:
• Event Provider
• Event Types
• Reactive and event-driven applications
• To know:
• What is Adobe I/O Events
• Webhooks, Journaling
• How it works, event projects
• Using it, discover the available events
• Adobe App Builder relatives: register Events

18. Adobe I/O Events
• How Adobe I/O Events for Adobe
Commerce works

19. Adobe I/O Events
• Use cases, samples
• https://developer.adobe.com/events/docs/
• https://developer.adobe.com/commerce/e
xtensibility/events/
• https://developer.adobe.com/commerce/e
xtensibility/app-development/#plugins-
and-observers

20. Adobe App Builder
• Definitions:
• API Mesh
• Adobe I/O Events
• Adobe Commerce Admin UI SDK
• Scheduling Cron Jobs with Alarms
• Adobe I/O Key/Value Storage library
• Adobe I/O Files library
• To know:
• General of App Builder
• Extensibility Framework for App Builder
• Functional Demonstrations
• Using it, build first app
• Get Started with API Mesh

21. Adobe App Builder
• So much more to discover at
• https://experienceleague.adobe.com/docs/commerce-
learn/tutorials/adobe-developer-app-
builder/introduction-to-app-builder.html
• https://www.youtube.com/playlist?list=PLcVEYUqU7VRf
Dij-Jbjyw8S8EzW073F_o