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
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
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