📬 blog.addEventListener()? Sign me up | No, thanks

AEM Apps Starter Kit improvements


With AEM 6.1 out the door, we’ve pushed some commits to the Starter Kit repository to ensure that the apps you bootstrap with it are taking advantage of the present state of the art. What follows is a visual tour of a few of those improvements.

Native Page Transitions

App showcasing native transitions

Transitions between pages play such a big role in how your app’s performance is perceived, yet perfecting this animation with CSS can stump even the sharpest front-end dev. The Starter Kit now comes with the excellent Native Page Transitions plugin enabled by default, delivering buttery smooth transitions while offloading the tedious translate3d (or was it transform?) work to native hardware acceleration. Many thanks go to @eddyverbruggen for all the hard work that went into this plugin!

PhoneGap/Cordova CLI 5

PhoneGap CLI v5 in action

The latest PhoneGap command line interface (CLI) release contains a bunch of improvements, but is (unfortunately) not compatible with the Geometrixx sample that shipped with 6.1. Not to fear: we will be releasing a rev of the sample shortly. In the meantime our Starter Kit is all set to take advantage of the new CLI, including:

  • Cordova Android v4, which introduces support for Crosswalk!
  • The use of config.xml to manage platforms and plugins - a tidy alternative to writing custom hooks
  • Latest versions of all core plugins, including PhoneGap’s brand new Content Sync plugin
  • Analytics instrumentation with Adobe’s Mobile Services plugin

Separation of code from authorable content

content-dev and content-author have split

The code you write and the content your authors manage has been separated into two content packages to facilitate management as your AEM Apps project grows. With this model, you can continue to iterate on the code while authors work on the content without stepping on one another’s changes.

… And more!

Responsive simulator in action

  • Responsive Simulator in the touch optimized editor is enabled by default
  • Starter Kit no longer includes a dependency on Geometrixx app code
  • Cordova splash page now sticks around until app initialization is complete

We hope you find the new and improved Starter Kit helpful for bootstrapping your next AEM Apps project! Please feel free to reach out in the comments below if you have any issues making it work for you, or have any other questions on AEM Apps.