AEM, Blog

Getting started with AEM Client Libraries

Welcome to the video tutorial on AEM client libraries. Today we are going to discuss the basic fundamentals of how to setup a client library. (Have trouble seeing the video? Click here.)

https://youtu.be/I1GQhxYE6TY

For the purposes of keeping this precise I’ve already setup the folder structure for “myproject,” so we’ll get right to it.
The first step in creating our AEM client library is to create a component. There are two ways of doing this: you can either create your own or you can extend one from lib/foundation.
Select list copy and paste it.
To create a client lib you need to create a node.
Type in the name as clientlib. Node type: clientLibraryFolder
Then we need to add the categories property. The value serves as a namespace, which is used for referencing client libraries in HTML.
Next we need to add css and js files. It’s always good to have separate folders to hold each file type and then have the corresponding manifest files for each.
Finally,we have 2 approaches to choose from for referencing client libraries of our html/jsp files. You can either include the client library directly using the categories attribute or you can include the css and js separately.
We will be using the 2nd approach in the demo.
That marks the end of the video. For more information on client libraries click here.

Masroor Mohammed
Masroor is a software engineer at Blue Acorn iCi with experience in both front and back end development. He has 3 yrs of experience with java. His current development focuses are in AEM, Java, JavaScript and MEAN stack. In his spare time he can be found cooking, enjoying the great outdoors, playing badminton or games on various gaming consoles.
View All Posts By This Author

Subscribe to Our Newsletter

Get the latest insights from Blue Acorn iCi

Let's build something together.