Sunday, 30 November 2025

Faster AEM Cloud Builds: How Module Caching Changes the Game

 AEM as a Cloud Service introduces module caching to significantly reduce build and deployment times across your CI/CD pipelines. This article explains how module caching works, why it improves build performance, and what developers need to configure to take full advantage of it. Learn how cached dependencies, optimized build steps, and smarter pipeline reuse can cut down your build duration and accelerate release cycles—making your AEM Cloud deployments faster, more efficient, and developer-friendly.

A new build model compiles only changed modules (rather than the entire repo) using module-level caching to shorten build times. It applies to code-quality, full-stack, and stage-only pipelines.

Edit Non-Production Pipeline dialog box showing the two Build Strategy options which are Full Build and Smart Build
 

How to achieve this? 
Edit Non-Production Pipeline dialog box showing the two Build Strategy options which are Full Build and Smart Build.

In the Add/Edit Pipeline dialog box, under the Source Code tab, a new Build Strategy section lets you choose one of the following build options:

  • Full Build : Builds all modules in the repository on every run.
  • Smart Build : Builds only modules that changed since the last commit, which shortens overall build time.

You control which pipelines use Smart build. During the beta, this option appears only for Code Quality and Dev Deployment pipelines.

If you are Interested in this, you will have to reach out to Adobe by Email beta_quickbuild_cmpipelines@adobe.com with your Adobe OrgID and Program ID.

AEM Asset Distribution Options Compared: Brand Portal, Content Hub & Ass...

AEM as a Cloud Service: How to Make Your Legacy Assets Overlay Work in the New Assets View UI

 

The new Assets View UI in AEM as a Cloud Service introduces a modern experience: but it also breaks many legacy overlays created for the classic Assets interface. This article explains why your existing asset overlay no longer works, what changed under the hood, and the exact steps needed to migrate or rebuild your customization for the new UI. Whether you're using overlays for metadata forms, custom buttons, Rendition workflows, or UI tweaks, this guide helps you identify the root cause and apply the right fix so your AEM asset customizations continue to function seamlessly in the updated interface.

 

A screenshot of a computer

AI-generated content may be incorrect.

Our experience home looks as below, 

A screenshot of a computer

AI-generated content may be incorrect.

 

The URL for assets home is: https://experience.adobe.com/?repoId=author-pXXXX-eXXXX.adobeaemcloud.com#/@client/assets/browse

 The new UI will take you to below experience.

 Traditional Assets Navigation

A screenshot of a computer

AI-generated content may be incorrect.

The traditional method of using repository-level overlays under /apps to customize the Assets console does not work for the new Assets view UI in AEM as a Cloud Service because the new UI is built on a modern micro-frontend architecture. 

To fix this, you must rebuild your customizations using the AEM Assets View UI Extensibility framework, which leverages Adobe App Builder and microservices to integrate custom components. 

Steps to Rework Your Customization

  1. Understand the New Architecture: The "Assets view" is a separate, search-first application that uses a micro-frontend architecture. Customizations are no longer simple JCR node overlays but rather independent UI extensions that integrate via defined extension points.
  2. Enable Assets Ultimate (Prerequisite): The UI extensibility feature is part of the Assets Ultimate offering. Ensure your Cloud Manager program has Assets Ultimate enabled. You may need to create an Adobe Customer Support case to get access.
  3. Set Up Your Development Environment:
    1. Install the Adobe I/O command-line tool (AIO CLI) locally.
    1. Ensure you have a good understanding of JavaScript, Node.js, and React technologies, as these are used for building the extensions.
    1. Set up your local environment for UI extension development as described in the official Adobe Experience League documentation.
  1. Develop the UI Extension:
    1. Use the AIO CLI to generate the basic structure for your extension.
    1. Identify the appropriate extension point (e.g., aem/assets/details/1 for custom side panels on the asset details page, or points for Quick Actions and the Actions Bar) that corresponds to your original overlay's functionality.
    1. Develop your custom UI components using the React Spectrum library.
  1. Test Locally: The framework allows you to test your extensions locally, connecting them to the production AEM Assets View for testing before full deployment.
  2. Deploy: Deploy your extension using Cloud Manager pipelines. The extensions are hosted outside of AEM as a Cloud Service, which helps streamline maintenance and reduce the total cost of ownership. 

By following the official Enable UI extensibility in AEM Assets View guide, you can successfully migrate your customizations to the new UI architecture

Second Option: Replace overlays with a Sling Servlet + Upload Restriction Validator

You must enforce restrictions at server-side, because UI overlays are not guaranteed to run in CS.

Steps

  1. Create a Servlet Filter or Sling Upload Servlet Extension that intercepts uploads under /content/dam.
  2. Apply your logic:
    • MIME type restrictions
    • Folder-level restrictions
    • File size limits
  3. If invalid, return an HTTP error (e.g., 403 or 409) with a meaningful message.
  4. AEM UI will automatically surface the error during upload.

Saturday, 22 November 2025

Brand Portal vs Asset Share Commons vs AEM Content Hub — Complete Comparison Guide

Adobe Experience Manager offers multiple ways to share, distribute, and reuse content and digital assets. The three common solutions are Brand Portal, Asset Share Commons, and AEM Content Hub. While they may look similar, they are designed for completely different use cases. This article offers a clear comparison across features, capabilities, and ideal usage scenarios.


1. What is AEM Brand Portal?

AEM Brand Portal is an Adobe-managed, cloud-hosted platform for distributing approved digital assets to external partners such as agencies, resellers, retailers, and franchise teams. It provides secure access without exposing your main AEM author instance to external users.

Key Features

  • Secure external access via Adobe IMS
  • Publish-approved assets only
  • Download presets and controlled renditions
  • Asset expiry and governance
  • Analytics and usage visibility
  • No hosting/maintenance required

Best For

Organizations that need a governed, branded portal for distributing images, product assets, and marketing materials to external stakeholders.


2. What is Asset Share Commons?

Asset Share Commons (ASC) is an open-source asset browser UI built on top of AEM. It is fully customizable and is usually used to provide asset access to internal employees or specific partner groups.

Key Features

  • Open-source and fully configurable
  • Faceted search and custom components
  • Browser and download portal for AEM assets
  • Integrated with AEM permissions and workflows
  • Runs on customer-managed AEM infrastructure

Best For

Organizations that want complete control over UI/UX and custom functionality without using an Adobe SaaS solution.

Limitations


3. What is AEM Content Hub?

AEM Content Hub is a cloud-native, centrally governed content discovery and reuse layer available only in AEM as a Cloud Service. It allows authors across multiple sites or business units to search, discover, and reuse approved content instantly.

Key Features

  • Unified search across AEM instances
  • Reuse of components, fragments, and assets
  • AI-powered tagging and smart content discovery
  • Ideal for multi-site, multi-brand organizations
  • No hosting or maintenance required (SaaS)

Best For

Enterprises using AEM Cloud to maintain consistent brand/content quality across teams and regions.

Limitations


Comparison Table

Feature Brand Portal Asset Share Commons Content Hub
Type SaaS asset distribution portal Customizable open-source AEM UI Cloud-native content discovery layer
Primary Users External partners Internal teams / controlled groups Authors across brands/regions
Customization Low Very high Low–medium
Setup Effort Very low (Adobe-managed) Medium–high (development needed) None (cloud-native)
Hosting Adobe hosted Customer AEM hosted Adobe cloud
Best Use Case External asset distribution Custom internal/external UI Content reuse across multiple AEM instances

Which Should You Choose?

Choose Brand Portal if you need:

  • A secure distribution portal for external agencies/partners
  • No maintenance or infrastructure burden
  • Strong access governance

Choose Asset Share Commons if you need:

  • Complete UI customization
  • Integration with custom workflows
  • A self-hosted, developer-friendly solution

Choose Content Hub if you need:

  • Unified content reuse across regions/teams
  • A cloud-native ecosystem
  • Modern governance and AI-driven search

Conclusion

Brand Portal, Asset Share Commons, and Content Hub are purpose-built solutions that address different content distribution challenges. Brand Portal excels at external asset sharing, Asset Share Commons shines with its customization flexibility, and Content Hub leads in enterprise content reuse across distributed teams.

Sunday, 9 November 2025

Building a Rapid Development Environment (RDE) in Adobe Experience Manager (AEM)

In today’s fast-paced digital world, speed and agility are essential. Developers need an environment where they can quickly experiment, test, and deploy without lengthy setup times. This is where a Rapid Development Environment (RDE) in Adobe Experience Manager (AEM) becomes invaluable.


What Is an RDE in AEM?

A Rapid Development Environment (RDE) is a cloud-based instance of AEM designed for rapid feature development, testing, and validation. It is a key part of AEM as a Cloud Service (AEMaaCS) and provides a lightweight, developer-friendly setup that closely mirrors your production environment.

Unlike local SDK setups, an RDE can be provisioned instantly in the cloud, allowing developers to push code, content, and configurations in minutes.


Key Benefits of Using an RDE

  1. Instant Provisioning: RDEs are created within minutes, removing long setup times.
  2. Cloud Alignment: They replicate your AEM Cloud Service setup, ensuring consistent behavior between development, staging, and production environments.
  3. Team Collaboration: Multiple developers can use the same RDE instance to test shared features.
  4. Real Content Testing: RDEs allow you to test features with realistic content and user flows before merging to main branches.
  5. Faster Debugging: Logs, Sling consoles, and error reports are available instantly through AEM Cloud Manager, making debugging faster.

How an RDE Fits into the AEM Cloud Workflow

Here’s a simplified overview of how RDEs fit into your AEM Cloud Service workflow:

  1. Develop locally using the AEM SDK.
  2. Push changes to Git on a feature branch.
  3. Deploy the code to the RDE using Cloud Manager CLI or APIs.
  4. Test and validate features directly in the cloud.
  5. Once approved, merge the feature branch into the main branch to trigger a full deployment pipeline.

This process reduces iteration time dramatically, taking development cycles from hours or days to just minutes.


Setting Up an RDE

Follow these steps to create and use a Rapid Development Environment in AEM:

  1. Access AEM Cloud Manager: Go to your AEM Cloud Manager project.
  2. Provision the RDE: Under “Environments,” click Add Environment and select Rapid Development Environment.
  3. Install and Configure the AEM Cloud Manager CLI:
npm install -g @adobe/aio-cli aio plugins:install @adobe/aio-cli-plugin-cloudmanager
  1. Deploy Code or Content: Deploy packages using the CLI command below:
aio cloudmanager:rde:deploy <PROGRAM_ID> <ENVIRONMENT_ID> --file <ZIP_FILE>

You can deploy complete code packages, OSGi bundles, or content packages directly to the RDE.

  1. Test and Debug: Use the AEM Developer Console and logs to verify deployments, troubleshoot issues, and monitor application behavior.

Best Practices for Using RDEs

  • Keep your RDE clean: Reset or redeploy regularly to maintain stability.
  • Automate deployments: Integrate RDE deployments into your CI/CD pipeline.
  • Use separate RDEs for each team: Assign dedicated environments for isolated testing.
  • Leverage Cloud Manager APIs: Automate repetitive tasks such as deployments and resets.

Real-World Example

Consider a marketing team preparing a new campaign component. A developer builds the component locally and deploys it to the RDE in minutes. Content authors then log in, test the new component with real content, and provide instant feedback. After validation, the developer merges the feature branch, and the change is deployed to staging and production — all in the same day.

This process allows for faster iteration, early feedback, and reduced production risk.


Conclusion

The Rapid Development Environment (RDE) in Adobe Experience Manager Cloud Service transforms how teams develop and test digital experiences. By providing instant provisioning, cloud consistency, and seamless collaboration, RDEs empower organizations to innovate faster and more efficiently.

If your team still relies solely on traditional development and staging pipelines, it’s time to adopt RDEs — the next step toward agile, cloud-native AEM development.