Starting AEM PhoneGap

Last update: 2023-05-03
  • Topics:
  • Mobile
    View more on this topic
  • Created for:
  • User

AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.


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

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

The starterkit will get 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, will give 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 our samples can be found here on github: and include bootstrapping your project with Maven.
  • Most conference talks will leverage 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 relevent 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