Adobe Experience Manager Headless

Hi All, I am trying to create AEM SPA with React following this tutorial https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/create-project.html?lang=en. The project created using maven archetype 39, unable to build, fails during "npm run test" execution with message Failed to execute goal com.github.eirslett:frontend-maven-plugin:1.12.0:npm (npm run test) on project aem-guides-wknd-spa.react.ui.frontend: Failed to run task: 'npm test. Also below is the type error TypeError: Cannot read property 'match' of undefined[INFO] at interpolate (C:\spa\aem-guides-wknd-spa.react\ui.frontend\node_modules\dotenv-expand\lib\main.js:8:28)[INFO] at dotenvExpand (C:\spa\aem-guides-wknd-spa.react\ui.frontend\node_modules\dotenv-expand\lib\main.js:36:32)[INFO] at dotenvFiles.forEach.dotenvFile (C:\spa\aem-guides-wknd-spa.react\ui.frontend\node_modules\react-scripts\config\env.js:43:29)  Can anyone help me on how to resolve t

Hi, I have integrated AEM with Next.js application and want to use one of the feature of next js - swr (stale while revalidate). It updates the data on the browser whenever there is an update in the data of the API.   The issue here is, I am getting the updated data printed in the browser console hence swr is working fine, but the DOM is not reflecting the updated data in the mapped component. On debugging, I found that swr is getting the updated data but the updated props are not sent to the editable components.   As per the documentation, MapTo sends the props to the mapped components. So my question is, does MapTo maps the component with its props only once when the page reloads? Is there a way in which MapTo can be invoked again to pass the updated props without reloading the page manually? - (for the updated props to be displayed on the browser). Any help will be appreciated!Thanks

Hi All,Facing issue while using SSR approach to populate meta tags description,title, product name, brand name in AEM page.This is AEM & react based SPA project using AEM as a cloud service.In product page' properties we havedescription = Order {productName} {brandName} more {l3categoryName}Title = {productName} Issue details :--------------------In view page source of product detail page og:title,og:description values are not updating dynamically.As per the below details:<meta itemprop="description" content="Order {productName} {brandName} more {l3categoryName} at online"/><meta name="og:title" content="{productName} | online"/><meta name="og:description" content="Order {productName} {brandName} more {l3categoryName} at online"/>--------------------Background:We have used SSR approach and build the repo using archetype 28.SSR was implemented using Adobe IO Runtime. The IO runtime was added to our Adode IO console and used its namespace and auth code to confi

Hi Team, I tried working on sling jobs for ReplicationAction,When I entered EVENT_FILTER it's not working, without FILTER it's working but to log replication event under specific path I gave filter but it's not working,any suggestions on this issue? Thanks in advance.EventConstants.EVENT_TOPIC +"="+ ReplicationAction.EVENT_TOPIC, EventConstants.EVENT_FILTER + "=(path=/content/mdt/Regions/*)"})

1. At Schema Generation section: Enabling your GraphQL Endpoint of the below URL: https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/assets/admin/graphql-api-content-fragments.html?lang=en#schema-generation, there is a caution note that states:"All the GraphQL schemas (derived from Content Fragment Models that have been Enabled) are readable through the GraphQL endpoint.This means that you need to ensure that no sensitive data is available, as it could be leaked this way; for example, this includes information that could be present as field names in the model definition."Can someone please elaborate on the point that how do we ensure that there is no sensitive data available in the Schema generated from the "Enabled" Content Models.The example in the caution talks about: "this includes information that could be present as field names in the model definition." So my confusion is majorly around this example.To state more clearly: If in a content model's defi

Any freelance oppurtunity to work on aem ?

I am looking for API which can crawl all the AEM data and inject in another application. While exploring for that I came across Content Services.I am not getting how we can use caas in my usecase.Can anyone help. 

 Wanted to understand what are the integration steps for AEM Headless Integration with Adobe Target when using the AEP Web SDK. It will be helpful if someone can guide me on it and any relevant documentation for same.  Thanks Disa

Hello, I'm new in Adobe Runtime and trying to learn usage of the actions. But i'm stuck with usage of a new modules.For example i have following action created:const fetch = require('node-fetch')const FormData = require('form-data')async function main(params) {        let formDataVar = new FormData();}Where before that i have install my module : npm install --save form-dataIt's visible inside my package.json:{  "name": "runtimeHelloWorld",  "version": "0.0.1",  "private": true,  "dependencies": {    "@adobe/aio-sdk": "^3.0.0",     ...    "core-js": "^3.6.4",    "form-data": "^4.0.0",    "node-fetch": "^2.6.0",    ...  }, I have executed "npm install" and build my app as well.

I am following this Remote SPA tutorial, and added a Fixed `AEMTitle` component to the AdventureDetail.js component below.  /react-app/src/components/AdventureDetail.js //... <AEMTitle pagePath={`/content/wknd-app/us/en/home/adventure/${adventureName}`} itemPath='root/AdventureDetail_title'/> //...  The AdventureDetail is rendered using this route.  <Route path='/adventure:path'> <AdventureDetail /> </Route>  If I go to this route directly by entering the url via browser, it loads the `AEMTitle` component.    If I navigate to that page within the app, `AEMTitle` doesn't load. As you can see, the AdventureDetail_title.model.env is not even called here.   I tried to apply the classic SPA routing per here, but I am not able to adapt it to the Remote SPA instance. The `AEMResponsiveGrid` component works fine, but how can I make the Fixed components load on sub-pages? Thanks,

I've almost finished AEM Remote REACT SPA tutorial using AEMaaCS SDK.   The last part - "Dynamic routes and editable components" is not working for me though https://docs.mktossl.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/remote-spa/spa-dynamic-routes.html?lang=en   I don't see the SPA page loaded in my local AEM after completing all steps.  The page in AEM is blank.    Could you confirm that all steps are correct, and a routed page should be loaded in AEM for the editing?    Thank you, Eugene       

How to schedule sling jobs  do we need to write a scheduler and call Sling Job from scheduler or there is any other way to do this.

Hi Team, I went through the BYline Component of wknd tutorial there I found this linemodelFactory.getModelFromWrappedRequest(request, request.getResource(), Image.class);  what getModelFromWrappedRequest method does?

how the js and css files are mapped to a component from ui.frontend?

IN the below code what does "webconsole.configurationFactory.nameHint =" + "Site Map for: {externalizer.domain}, on resource types: [{sling.servlet.resourceTypes}]" mean?@Component(service = Servlet.class, property = { "sling.servlet.methods=GET", Constants.SERVICE_DESCRIPTION + "= Sitemap Index Servlet", "sling.servlet.extensions=" + "xml", "webconsole.configurationFactory.nameHint =" + "Site Map for: {externalizer.domain}, on resource types: [{sling.servlet.resourceTypes}]" })

what SlingHttpServletRequest exactly is we can get resource from request how we are getting resource from request?

How to use i18n dictionary from backend to expose translation via servlet in headless architecture?

I'm facing one  issue with Dynamic Media, I uploaded a video to dam the video is loading on preview mode but not on view As Published mode the requirement is to load video without publishing the video once the video is uploaded to dam.

how to achieve SSR rendering when using NextJS?Basically we can achieve SSR using NextJS but how to use it with AEM + Next Js?I found one documentation that says to use Adobe I/O Runtime...is it valid when using NextJS with AEM?If yes is there any documentation related to it present on adobe documentation that we can refer?

I'm attempting to use the JSON exporter to retrieve the contents of a content fragment as JSON but have encountered a few issues. Would you have advice on how best to directly retrieve the content of a content fragment in JSON format? Note that I am not accessing a page which contains the content fragment, I am attempting to directly access the content fragment itself. 1. Accessing "../my-fragment.json" returns the basic jcr info, but ../my-fragment.model.json throws a '400 (Bad Request)' error. Is something wrong, or is that expected? 2. I also looked into using the Assets API, which works from the author (like in the link below), but not from the dispatcher, which is how I would want to use it for front-end / client-side use of the JSON endpoint.https://localhost:4502/api/assets/my-path/my-fragment.json The only way I've managed to access the content fragment in JSON format is "../my-fragment/jcr%3Acontent/data/master.json" but this includes the lastUpdated value of ea

While observing the schema generated. The variation is represented as SCALAR - String. Could you please help here on how to retrive all the values of a variation as list?http://localhost:4502/content/cq:graphql/folderpath/endpoint.GQLschema 

No text available

what's the difference between resource.adaptTo(ValueMap.class) and resource.getValueMap()?

Hi All,  when user goes to the inbox and sees the task assigned and click on open  i wanted to add extra tab in workitem.   can someone guide me how to customise the work item .   thanks, Durga Kavali.

Hi Team,   I want to Limit file size upload to DAM based on the file type When: I upload the following items , there will be an upper limit of: Image files - 1MB Document files - 2MB Video files - 100MB and so on, Can we do that? Recently I have modify the file upload limit from 2gb to 5MB and It is working as expected. Also can we customize the error message which we got while I try to upload more than 5MB as per my scenario?   Please answer above questions.