Adobe Project Firefly: Create Project and Bootstrap App
Step-by-step guide to creating your first Adobe App Builder project in Adobe Developer Console and bootstrapping a local app.
By Anil Umachigi

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

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

#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.
Next in this series: Debug, Deploy, and Publish App
Stay in the loop
Get new field notes in your inbox.
Practical guides on Adobe Experience Cloud, data collection, and modern marketing. No noise.
Unsubscribe whenever you like.
Read on
More to explore.

Adobe Project Firefly: Debug, Deploy and Publish App
Learn how to debug locally, deploy to stage, and publish your Adobe App Builder application to production in Adobe Experience Cloud.

Adobe Project Firefly: Technical Overview
A technical deep-dive into Adobe App Builder architecture, runtime, APIs, and how it fits into the Adobe Experience Cloud ecosystem.

Adobe Project Firefly: What is it and Why you need it
An introduction to Adobe App Builder — what it is, why it exists, and how marketers and developers can extend Adobe Experience Cloud.