Expand my Community achievements bar.

[AEM GEMs] Build Sites Faster with AEM Headless and App Builder

Avatar

Administrator

2/8/22

Adobe Developer Live October 2021

Register: https://adobe.ly/3oCkEsh 

Session Details

Quickly bootstrap and deploy single-page apps (SPA) using Adobe App Builder workflows and tools, without traditional Experience Manager skills, like Java and Sling, being required. With Experience Manager Headless, marketers, and developers can each have the expertise in their own domain — developers control the overall application framework, styling, and routing while marketers determine the content and how it’s displayed.

 

Learn how:

  • Experience Manager Headless empowers developers to build SPAs using modern web technologies and flexible deployment models
  • Marketers can control content with Content Fragments and the SPA Editor

Housekeeping details:

  1. Duration: 60 minutes including 10 minutes of Q&A
  2. Audience: Customers, Partners, and Adobe Employees
  3. Recording & Slides will be made available to the public after the session
  4. The session is free of charge, registration will be required

Session Recording

 

Session Schedule

Wednesday, Mar 23, 9 am PDT, 5 pm CET, 9.30 pm IST 

Speaker(s)

Duy Nguyen, Software Development Engineer, Adobe 

Moderator(s)

Adobe Resource(s)

Product(s)

Adobe Experience Manager as a Cloud Service

Session Q&A

Questions Answers
For remote SPA, curious to hear how to support custom components. We have documentation for this: https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s...
Is there a nextJS-Starter for the remote spa? Not yet but NextJS support is definitely a topic we're looking into.
will app builder be used to host the js or just for SSR the app? hi, the app builder could host the js, it could be used to build the whole app e2e
Can we use SPA core components and other components together with the SPA editor? Yes and usually custom components are based on core components since they provide most required features out of the box.
How can I try AEM Headless? AEM Headless tutorial is available at https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/o...
including how to enable it in your AEM instance and further resources.
How can I try App Builder? Please complete the trial form at https://adobe.ly/appbuilder-trial
More info: https://developer.adobe.com/app-builder/docs/overview/getting_access/
Where can I see the source code of this demo? The demo is built upon the AEM Headless tutorial project at: https://github.com/adobe/aem-guides-wknd-graphql/tree/feature/spa-editor/react-app

Q&A

Please use this thread to ask the question related to this Session.

Don't forget to register yourself for this session using the registration link shared above. 

5 Comments

Avatar

Level 1

3/30/22

Dear Team, Thanks for the video. I am trying the stuff you were mentioning myself. But I don't see option to create a project using "template" in my login https://developer.adobe.com/console. May i know the way to get the template ? or is there a workaround?

 

Ref: video time 9.05

Avatar

Hi - you can apply for App Builder trial at https://adobe.ly/appbuilder-trial. Once your IMS org is enabled for the trial program, you will be able to create new project with template "App Builder".