All references in this presentation to Project Firefly
refer to Adobe Developer App Builder
Project Firefly Deep Dive
Duy Nguyen | Software Engineer
Jesse MacFadyen | Sr Computer Scientist
Who Are We
Duy Nguyen Jesse MacFadyen
Software Engineer, Sr Computer Scientist,
Adobe I/O Extensibility Adobe I/O Extensibility
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Agenda
Project Firefly Technical Deep Dive
Use Case – Custom Content Fragments Editor
Demo – Developer Experience
Project Firefly Deep Dive
Project Firefly
A complete design, application and runtime framework
for building 3rd-party Cloud Native Applications
that extend the functionality of Adobe solutions and run on our infrastructure.
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Project Firefly Application Architecture
Single Page Application Client
Microservices & Orchestration CDN
I/O Runtime static files
Backend
Adobe Public APIs Data File Custom
Creative Cloud | Document Cloud | Experience 3rd-Party APIs
Cloud | Adobe Experience Platform Storage Storage Events
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Project Firefly Components
Streamlined developer experience
React-based UI,
Adobe look and feel
CLI & SDKs
Serverless compute
framework
Spectrum UI Runtime
Framework
Cloud
Services
Event-driven, UX Modeling Tools, IDE
Custom
webhooks and Developer
Events Tools plugins and more tools
journaling
Files, data storage, app
life cycle, access control
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Project Firefly & Adobe I/O CLI
> npm install @adobe/aio-cli
OOTB Plugins Firefly Plugins Community Plugins
• Config Plugin • App Plugin • IMS Plugin
• Auth Plugin • Runtime Plugin • PhoneGap Build Plugin
• Info Plugin • Target Plugin
• Console Plugin • AEM Repo Plugin
• Certificate Plugin • Cloud Manager Plugin
• Adobe Experience Platform Plugin
• Adobe I/O DevOps Plugin
• More coming…
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Project Firefly SDKs
> npm install @adobe/aio-sdk
Core SDK I/O & Firefly SDK Experience Cloud SDK
Core Functionalities shared by all SDKs supporting Adobe I/O Wraps Experience Cloud APIs into easy-to-
SDKs. Functionalities, Adobe I/O CLI and use SDKs.
Firefly Applications.
• Core Config Library • Adobe Target Library
• Core Errors Library • State Library • Adobe Analytics Library
• Core Logger Library • Files Library • Adobe Asset Compute Library
• Core TVM Library • IMS Library • Adobe Campaign Standard Library
• Core Networking Library • Adobe I/O Events Library • Adobe Campaign Classic Library
• Adobe I/O Runtime Library • Adobe Audience Manager Library
• Developer Console Library • Adobe Customer Profile Library (built by
• Apps Exchange Library customer)
• Adobe Magento Library (built by Magento team)
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Project Firefly Developer Tools
• wskdebug as built-in debugger
• GitHub Actions for CI/CD
• VS Code Extension
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Use Case
Custom Editor
for Content Fragments
Use Case Custom Content Fragments Editor
Editor with Preview
AEM as a Cloud Service
Default Editor
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Firefly App Custom Content Fragments Editor
Firefly SPA
Assets HTTP API
AEM as a Cloud Service
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Why Project Firefly?
• Node.js
• No pre-requisite of AEM knowledge
• Development in no time!
©2021 Adobe. All Rights Reserved. Adobe Confidential.
Demo Dev Experience
Q&As
What’s Next
What’s Next
Try out Project Firefly! Learn more
More Sessions during Developers Live:
Sign up for Developer Preview
Feb 9 11:45AM–12:15PM PT | Asset Compute Service Extensibility
https://adobeio.typeform.com/to/obqgRm
Documentation and Resources Monthly Webinar hosted by Firefly team
https://adobe.ly/projectfirefly Feb 18 9:00AM - 10:00AM PT
https://www.adobe.io/apis/experienceplatform/project-
firefly/events.html
©2021 Adobe. All Rights Reserved. Adobe Confidential.
