AEM Asset Selector for Franklin Authoring

Integration between AEM Asset Selector and AEM Franklin to make AEM assets available in Franklin site authoring.

High level flow

Link to Diagram Source

Environments

• Preview: https://main--{repo}--{owner}.aem.page/
• Live: https://main--{repo}--{owner}.aem.live/

Documentation

Before using the aem-boilerplate, we recommand you to go through the documentation on https://www.aem.live/docs/ and more specifically:

1. Developer Tutorial
2. The Anatomy of a Project
3. Web Performance
4. Markup, Sections, Blocks, and Auto Blocking

Installation

npm i

Linting

npm run lint

Local development

1. Create a new repository based on the aem-boilerplate template and add a mountpoint in the fstab.yaml
2. Add the AEM Code Sync GitHub App to the repository
3. Install the AEM CLI: npm install -g @adobe/aem-cli
4. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
5. Open the {repo} directory in your favorite IDE and start coding :)

Extending the Assets Selector Capabilities

To extend the capabilities of the Assets Selector, you can look at the following sample configurations and GitHub repository as a reference. These configurations are hosted on Adobe IO Runtime through App Builder and can be adapted to fit your project needs and extension requirements.

• Sample Configuration Hosted on Adobe IO Runtime
• Sample Configuration with Web Path
• GitHub Reference Implementation

Extending the Assets Selector Capabilities

This configuration is particularly useful for extending the Assets Selector capabilities documented here. Feel free to integrate and customize it as per your project’s use cases.

1. Open the {repo} directory in your favorite IDE and start coding :)
2. Open the {repo} directory in your favorite IDE and start coding :)