Expand my Community achievements bar.

Nomination window for the Adobe Community Advisor Program, Class of 2025, is now open!

Several questions on AEM Franklin

Avatar

Level 9

Hi everyone, I hope you can help me with my questions. Thanks in advance.

 

------------------

 

So i created a new GIT repo based on this template => https://github.com/adobe-rnd/aem-boilerplate-xwalk.

 

1. I'm trying to find a detailed information on the 3 component-XXX.json files. I'm looking for the available properties and the property definitions but I'm not finding it. Can someone help?

 

2. What's the difference between the filter field in compont-definition.json VS component-filters.json?

 

aem-boilerplate-xwalk-component-definition-json-at-main-·-adobe-rnd-aem-boilerplate-xwalk.png

 

3. I created a new site on my local AEMaaCS based on the template from https://github.com/adobe-rnd/aem-boilerplate-xwalk/releases. I had a look at the new folders/pages in CRXDE and I can see the resourceType for the components is pointing to something like "core/franklin/XXX/XXX". Where do I see this "core/franklin". I had a look at "/apps" and "/libs" and I cannot see them. 

 

4. In addition to no.3, I can see there are Franklin components like "core/franklin/components/title/v1/title". Is it possible to extend or create new components like what's possible in conventional AEM (example: /apps/mysite/components/product-listing). If yes, how?

 

2 Replies

Avatar

Community Advisor

Hi @jayv25585659 

  • component-XXX.json Files: These define component behavior in Franklin/xWalk. Check the GitHub repo’s docs or /blocks code for properties like title, id, resourceType, filter. No formal schema in AEM—look at Franklin docs (https://www.franklinweb.org/docs/).

  • filter in component-definition.json vs. component-filters.json: component-definition.json has a per-component filter (e.g., "cards" for specific content), while component-filters.json sets global rules for multiple components/pages.

  • core/franklin in CRXDE: It’s not in /apps or /libs—it’s a cloud-hosted Franklin component in AEMaaCS. View usage in JSON exports or Page Editor, not editable locally.

  • Extend/Create Components: Yes! Extend Franklin components under /apps/your-project/components with sling:resourceSuperType, or create new ones (e.g., /apps/myproject/components/product-listing). Update component-definition.json for headless JSON output.

Avatar

Community Advisor

HI @jayv25585659 

Please find below 

1.

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/edge-delivery/wy...
https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev...

 

2. component-definition.json file - definition for your new quote block and save the file.

component-filters.json file at the root of the project and add the quote block to the filter definition to allow the block to be added to any section
3.The components are available in AEMaaCS in libs core/franklin/XXX/XXX, you can't use local AEMaaCS SDK for EDS Authoring.
4. Technically you can but Adobe does not recommend that, All the atoms are available and you can use those to create another block.

 

 



Arun Patidar