WKND tutorial AEM 6.4 part 6

Ratna Kumar​ - when you get a chance - can you please test this section. If there is a problem - let Danial and Sean know.

I will also look into this as well and see if i can reproduce the issue.

Hey guys, I found something strange. I tried this on a Mac but then later that night I went to try the same on a Linux box and this time I didn't get the error, so I'll try again, on a completely clean environment and will report my results.

Hi smacdonald2008​,

Well as I was explaining I had no problems with the compiling at all but it was from the home page.

Now what I just tried was to get a new clone from the master and it did work and the same does from the part/6-custom-sling-model branch, so perhaps my previous copy of the code had the problem and it was giving me that error.

Sorry for bothering you guys and thank you so much for your great support! :-)

Posting questions on the AEM community is never a bother. We are here to help and answer questions. I checked this whole artilce and it works nicely:

Its a nice one that shows use of SLing Models and LESS.

That tutorial is really awesome and is going to be very useful for an implementation we are doing so tell me something, where I can see more documentation about integrating AEM with more front end resources, besides bootstrap and less ? And to understand how that works and gets compiled?

I also have seen previous configurations done using nodeJs and grunt but it was a bit less clean than what they show on this tutorial.

Please advice

We have a lot of Sling Model examples - some do use BootStrap as that is a nice lib to use to style components. Here are few component ones:

Creating an Experience Manager Responsive Banner Component (built with HTL and BootStrap)

Creating a custom Touch UI Grid Component for Adobe Experience Manager (A custom layout component)

Adobe Experience Manager Help | Creating a HTL Repeating Data Set 6.3 Component that uses Sling Models (Sling Models and MF)

Creating a Tab layout component for Adobe Experience Manager  (Shows use of JS API)

These use Maven (like the WKND ones use - but build via the command line (which is what Eclipse does behind the scenes). These are a few more to look at.

PS - i am not aware of any Adobe docs  that shows use of node.js and grunt to build AEM apps.

Hey thanks a lot for the info I'll check that out

And yes the stuff I have found so far doesn't come from Adobe like these:

aem - npm search

GitHub - wcm-io-frontend/grunt-aem-clientlib-generator: Grunt task that generates configuration files for AEM ClientLibs…

Using Grunt In An AEM Maven Build - Blog - 6D Global

Making Sling Grunt or How to Integrate Modern Front-End Development with AEM/Sling - Schedule - adaptTo() 2015

Using Front-end Technologies like Node, Grunt, and Sass with AEM – Digital Experience Platforms

And a few others I found and even a project I worked on previously but what they did on that Wknd tutorial is just so neat and well organized and clean that I will try to add additional vendor libraries and experiment with things then I guess

Yeah - AEM has a lot of outside AEM authors - which is great!

You can find Adobe HELPX articles here: Adobe Experience Manager Help | AEM Community Articles (Tutorials and How To Articles)

Here is a listing of Ask the AEM Community Experts that we have given over past 3-4 years - a lot of useful content -- AEM Ask the AEM Community Expert