Adobe Project Firefly: Create Project and Bootstrap App

With this post we finally hit the ground running. The previous posts covered why Adobe Project Firefly is a great value add and the technical overview of Project Firefly.

In this post we'll cover:

Checklist to get started
Understand what headless and headful apps are in the Firefly context
Setting up your local tools and environment
Set up a new project within Adobe Developer Console
Bootstrap your app and get it up and running

#Prerequisite to Get Started

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

#Application Types Within Adobe Project Firefly

Adobe Project Firefly apps are serverless and come in two types — headful and headless. In plain terms: apps with a UI/frontend, and apps that run autonomously on the server (on a schedule or triggered by events).

Headful vs Headless Adobe Project Firefly apps

#Headless Apps

Headless apps have an architecture that runs autonomously without a GUI. The app includes serverless actions deployed on Adobe's serverless platform, configured to trigger on a schedule or by events that invoke the action. Examples:

Notification services (errors, success of key events)
Personalisation use cases with Adobe Analytics triggers
Personalisation use cases with Adobe Audience Manager

#Headful Apps

A headful application is a Single Page Application (SPA) with a full-fledged user interface served from Adobe's out-of-the-box CDN. This type of application calls Adobe Product APIs directly from the client. When there is a need to orchestrate Adobe Product API calls with third-party API calls or with Adobe Identity Management System for authentication, you can deploy serverless actions using Runtime.

#Anatomy of Project Firefly

A quick snapshot of key components:

Project Firefly Anatomy — JAMSTACK architecture

Source

#Create a Project in Adobe Developer Console

Adobe I/O Console gives you access to APIs, SDKs, and developer tools to build on, integrate, and extend Adobe products. The Adobe team has published a walkthrough video covering how to create a project and use workspaces — well worth watching before you start.