Making Sling Grunt or How to Integrate Modern Front-End Development with AEM/Sling

In this presentation we will showcase a development model which seamlessly integrates modern front-end development and AEM/Sling development. Responsive website development requires designers to work with front-end prototypes and collaborate closely with front-end developers. As a result front-end development has adopted a complex tool chain. The challenge is making this tool chain compatible with AEM/Sling development without the need to rewrite front-end templates for AEM/Sling use. We propose a front-end tool chain that uses Node.js, Grunt, Sass and Handlebars and implemented a template engine for Handlebars in AEM/Sling using Sling Models. This allows for a continuous build chain from front-end to back-end.