Create a front-end pipeline to manage the customization of your site’s theme.
In the previous document of the AEM Quick Site Creation journey, Create Site from Template, you learned how to use a site template to quickly create an AEM site that can be further customized using front-end tools and now you should now:
This article builds on those fundamentals so you can set up a front-end pipeline, which the front-end developer will use later in the journey to deploy front-end customizations.
This document helps you understand front-end pipelines and how to create one to manage the deployment of your site’s customized theme. After reading you should:
This part of the journey applies to the Cloud Manager administrator.
The front-end pipeline takes these committed customizations and deploys them to an AEM environment, generally production or non-production environments.
In this way, front-end development can work separately from and parallel to any full-stack back-end development on AEM, which has its own deployment pipelines.
Log into Adobe Cloud Manager at my.cloudmanager.adobe.com.
Cloud Manager lists the various programs available. Tap or click the one you wish to manage. If you are just starting with AEM as a Cloud Service, you likely only have one program available.
You now see an overview of your program. Your page will look different but similar to this example.
Note the name of the program that you have accessed or copy the URL. You will need to provide this to the front-end developer later.
Now that you have accessed Cloud Manager, you can create a pipeline for front-end deployment.
In the Pipelines section of the Cloud Manager page, tap or click the Add button.
In the pop-up menu that appears beneath the Add button select Add Non-Production Pipeline for the purposes of this journey.
On the Configuration tab of the Add Non-Production Pipeline dialog that opens:
Tap or click Continue.
On the Source Code tab:
Tap or click Save.
The new pipeline is created and visible in the Pipelines section of the Cloud Manager window. Tapping of clicking the ellipsis after the pipeline name reveals options to further edit or view details as necessary.
If you are already familiar with pipelines in AEMaaCS and want to learn more about the differences between the different types pipelines including further details about the front end pipeline, please refer to the Configure CI/CD Pipeline - Cloud Services linked in the Additional Resources section below.
Now that you have completed this part of the AEM Quick Site Creation journey you should:
Build on this knowledge and continue your AEM Quick Site Creation journey by next reviewing the document Grant Access to the Front-End Developer, where you will onboard the front-end developers into Cloud Manager so they have access to your AEM site git repository and pipeline.
While it is recommended that you move on to the next part of the Quick Site Creation journey by reviewing the document Customize the Site Theme, the following are some additional, optional resources that do a deeper dive on some concepts mentioned in this document, but they are not required to continue on the journey.