Adobe Project Firefly: Technical Overview

This is the second post in the series on Adobe Project Firefly. You can read the introduction and why you should consider using Adobe Project Firefly first.

Project Firefly involves a lot of moving parts. As a primer, it makes sense to spend some time understanding the core fundamentals and stack of products and services available.

In this post we'll cover:

1. Getting access to Adobe Project Firefly
2. Core components of the Project Firefly framework
3. Architecture overview
4. Security overview
5. Integration with Adobe Experience Cloud

---

#Getting Access to Adobe Project Firefly

Adobe Project Firefly is still in developer preview. You can get access by filling in the form. Read more here.

#Core Components of Adobe Project Firefly

Here's a look at the core components:

#Single Page Application

The React Spectrum project implements Adobe's Spectrum design language. It includes a React-based UI framework for creating experiences that feel native alongside Adobe products.

#Serverless Platform (Adobe I/O Runtime)

Adobe's serverless compute framework for running custom code on Adobe's infrastructure — enabling you to deploy applications (headless or headful) that can respond to events and take action.

#Developer Tools

Project Firefly comes with a set of dev tools, services, and libraries to help scaffold, build, and debug applications.

#CLI and SDK

A streamlined way for developers to interact with core Adobe services to automate processes and build apps:

• Adobe I/O CLI
• Adobe Experience Cloud product libraries
• CI/CD pipeline

#Cloud Services

A range of services for file and data storage, managing application lifecycle, and user access control for cloud-native applications.

#Event-Driven Apps

Ability to publish and consume custom events, with support for webhooks and journaling. Custom events make it easy to build event-driven applications.

---

#Adobe Project Firefly Architecture

The Adobe Project Firefly team has published a video that sums up the architecture of Firefly applications well — covering the JAMSTACK approach and how the components connect.

#Project Firefly Security Overview

Access control for apps and out-of-box features to build secure applications are covered in detail in the official Adobe resources. Key points: API authorisation and user access control come built in.

#Integration with Adobe Experience Cloud

Adobe Experience Cloud is a single gateway to all your existing apps. With Project Firefly you can leverage this to provide a unified experience to users and manage all your apps within the Experience Cloud shell.

Any products/apps built will have access to and interact with Experience Cloud features such as the top bar, menus, alerts, and notifications.

For a detailed guide refer to this page.

---

Next in this series: Create Project and Bootstrap App