Starting AEM PhoneGap


Adobe recommends using the SPA Editor for projects that require single page application framework-based client-side rendering (for example, React). Learn more.

For developers, the best place to start is to look at the Adobe Experience Manager Mobile Starterkit in github

The starterkit gets you going quickly by walking you through the basics of AEM Mobile development, starting with project creation and governance, installing the necessary tooling, defining a Maven archetype, building, deploying and then creating your own experience.

The developers can use this example as a starting point for trying out an AEM Mobile application using PhoneGap. Running through the starterkit and the reference application gives a solid understanding of the basics to create rich Mobile Applications.

  • Use the AEM PhoneGap Starter Kit to create apps suitable for the AEM Mobile catalog.
  • A reference app with full source has been created that demonstrates many of the new features in AEM Mobile, whether you are migrating an existing app into AEM Mobile or starting fresh.
  • All the samples can be found on github: and include bootstrapping your project with Maven.
  • Most conference talks use the Kitchen Sink tutorial, which you can also find in GitHub and is focused on the usage of Apache Cordova native extensibility.

Once you have had a chance to familiarize yourself with the starterkit, it is important to learn about Adobe Experience Manager components and templates.

Templates and Components

AEM Templates and Components enable line-of-business owners to create custom experiences. Both *Templates *and Components are available out-of-the-box or can be custom developed by you, the developer either by extending existing components or creating greenfield (advanced). Templates and Components are what allow the AEM Author to drag-and-dropped to create engaging and relevant experiences.

  1. Creating Components
  2. Creating Templates

Once you have a solid understanding of the above two steps, jump into:

  1. The structure of an AEM Mobile app
  2. The anatomy of an AEM Mobile app
  3. Is your existing app ready for AEM Mobile?

The Next Steps

  1. Start my AEM Mobile app experience
  2. Manage my app’s content
  3. Build my application
  4. Track my app’s performance with Adobe Mobile Analytics
  5. Deliver a personalized app experience with Adobe Target
  6. Send important messages to my users

On this page