Learn how you can enable the front-end pipeline for existing sites to use site themes to more quickly customize your site.
The front-end pipeline is a mechanism that can quickly deploy just the front-end code of your websites based on site themes and site templates.
Instead of deploying the full-stack, only front-end code is handled by this pipeline making the process faster and also allows front-end developers to easily and quickly customize your site without knowledge of AEM.
Sites based on site templates can use the front-end pipeline by default. This document describes how you can adapt your existing sites to take advantage of the front-end pipeline.
If you are not familiar with the front-end pipeline and how to quickly deploy sites using it and site templates, see Quick Site Creation journey for an introduction.
If you have not created your existing site based on site templates and themes, AEM can configure your site to load the themes that are deployed with the Front End Pipeline on top of the existing client libraries.
When you activate the front-end pipeline for a site, AEM makes the following changes to your site structure.
SiteConfig
and HtmlPageItemsConfig
nodes that this operation creates below /conf/<site-name>/sling:configs
.This action won’t automatically convert the existing client libraries of the site to use the font-end pipeline. Moving these sources from the client library folder to the front-end pipeline folder is a task that requires manual work by a front-end developer.
AEM can automatically adapt your existing site to use the front-end pipeline. To be able to do this, your site must use v2 or newer of the Page Component of the Core Components.
Enabling your site is done from the Sites console using the Site rail.
Log into AEM and navigate to your site via Global Navigation > Sites.
Select your site in the console. Select the root of the site and not any child pages.
With your site selected, open the rail selector at the left and choose Site.
In the Site rail, click the button Enable Front End Pipeline.
AEM prompts you to confirm with an overview of the changes that will made. Confirm and your site is adapted.
Now your site is ready to use the front-end pipeline. To learn more about the front-end pipeline and managing your site theme see: