{"id":3049,"date":"2024-11-14T10:33:02","date_gmt":"2024-11-14T10:33:02","guid":{"rendered":"https:\/\/sankhamtech.com\/index.php\/content\/india\/english\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/"},"modified":"2024-11-15T18:03:34","modified_gmt":"2024-11-15T18:03:34","slug":"aems-sling-framework-understanding-component-resolution-and-rendering","status":"publish","type":"page","link":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/","title":{"rendered":"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3049\" class=\"elementor elementor-3049\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed78a48 e-flex e-con-boxed e-con e-parent\" data-id=\"ed78a48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-add1dc8 e-con-full e-flex e-con e-child\" data-id=\"add1dc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b40b47 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"7b40b47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fb27d4 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"9fb27d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><a href=\"https:\/\/sankhamtech.com\/index.php\/content\/india\/english\/home\/free-courses\/aem-backend-concepts\/\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/a><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c0b42 elementor-hidden-mobile elementor-widget elementor-widget-darsanam_header_menu_widget\" data-id=\"c2c0b42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"darsanam_header_menu_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"darsanam-menu-wrapper \"><div class='hamburger-icon'> &nbsp; Menu<\/div><div class=\"menu-container\"><nav class='elementor-menu'><ul class='darsanam-menu-vertical'><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/github-link-for-the-entire-course\/'>Github Link for the Entire Course<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-how-the-internet-works\/'>[VIDEO LESSON] How the Internet Works<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-web-development-architecture-decoded\/'>[VIDEO LESSON] Web Development Architecture Decoded<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/introduction-to-content-management-systems\/'>Introduction to Content Management Systems<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/content-management-vs-experience-management\/'>Content Management vs Experience Management<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-what-is-adobe-experience-manager\/'>[VIDEO LESSON] What is Adobe Experience Manager?<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-how-to-obtain-adobe-experience-manager-aem-jar-from-adobe\/'>[VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-installing-aem-jar\/'>[VIDEO LESSON] Installing AEM Jar<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/troubleshooting-common-issues-in-installing-aem-jar\/'>Troubleshooting Common Issues in Installing AEM JAR<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-author-and-publish-instances\/'>Understanding Author and Publish Instances<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/'>Creating and Editing a Page in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/find-where-page-is-saved-in-backend\/'>Find Where Page is Saved in Backend<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/' style='color: #FF7700 !important'>AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-creating-a-hello-world-component-in-aem-using-crx-de\/'>[VIDEO LESSON] Creating a \u201cHello World\u201d Component in AEM Using CRX\/DE<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-jcr-in-the-context-of-aem\/'>Understanding JCR in the Context of AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/nodes-and-properties-in-jcr\/'>Nodes and Properties in JCR<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/jcr-sessions-and-workspaces\/'>JCR Sessions and Workspaces<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-sql2-queries-in-aem\/'>Understanding SQL2 Queries in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-and-using-aems-querybuilder-tool\/'>Understanding and Using AEM\u2019s QueryBuilder Tool<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/import-and-export-jcr-data-using-package-manager\/'>Import and Export JCR Data Using Package Manager<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/installing-aem-project-archetype\/'>Installing AEM Project Archetype<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/troubleshooting-common-post-deployment-issues-in-aem\/'>Troubleshooting Common Post-Deployment Issues in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-dialog-box-authoring-development\/'>[VIDEO LESSON] AEM Dialog Box Authoring & Development<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-language-syntax-practice\/'>[VIDEO LESSON] AEM HTL Language Syntax Practice<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-global-objects\/'>[VIDEO LESSON] AEM HTL Global Objects<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-global-objects-contd\/'>[VIDEO LESSON] AEM HTL Global Objects (Contd.)<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-understanding-aem-dialog-box\/'>[VIDEO LESSON] Understanding AEM Dialog Box<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-deploying-component-in-aem\/'>Creating and Deploying Component in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/'>Create Various Dialog Box Fields<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-sling-models-and-sightly-introduction\/'>[VIDEO LESSON] Sling Models and Sightly Introduction<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-sling-model-explained-with-real-use-case\/'>[VIDEO LESSON] Sling Model Explained with Real Use Case<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-resource-resolver-query-builder\/'>[VIDEO LESSON] AEM Resource Resolver & Query Builder<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-query-builder-java-beans\/'>[VIDEO LESSON] AEM Query Builder & Java Beans<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-add-css-to-aem-component\/'>[VIDEO LESSON] Add CSS to AEM Component<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-templates-components-authoring\/'>[VIDEO LESSON] AEM Templates & Components Authoring<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-add-css-variations-to-aem-component\/'>[VIDEO LESSON] Add CSS Variations to AEM Component<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-a-multi-field-in-aem\/'>Creating a Multi-Field in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-a-composite-multifield-in-aem\/'>Creating a Composite Multifield in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/implementing-conditional-dialog-fields\/'>Implementing Conditional Dialog Fields<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/best-practices-for-creating-sling-models\/'>Best Practices for Creating Sling Models<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-introduction-to-aem-sling-servlet\/'>[VIDEO LESSON] Introduction to AEM Sling Servlet<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-headless-servlet-implementation\/'>[VIDEO LESSON] AEM Headless \u2013 Servlet Implementation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-osgi-services-introduction\/'>[VIDEO LESSON] OSGI Services Introduction<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-osgi-services-implementation\/'>[VIDEO LESSON] AEM OSGI Services Implementation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-filters-in-osgi-services\/'>[VIDEO LESSON] Filters in OSGI Services<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/calling-external-api-from-osgi-service\/'>Calling External API from OSGI Service<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/improving-aem-sling-model-with-service-layer-integration\/'>Improving AEM Sling Model with Service Layer Integration<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/best-practices-for-secure-and-efficient-resource-access\/'>Best Practices for Secure and Efficient Resource Access<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lessonstep-by-step-process-to-get-resource-resolver-from-system-user\/'>[VIDEO LESSON]Step By Step Process to Get Resource Resolver from System User<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/the-importance-and-use-cases-of-workflows\/'>The Importance and Use Cases of Workflows<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/introduction-to-workflow-creation\/'>Introduction to Workflow Creation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-participant-step-in-aem\/'>Understanding Participant Step in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-workflow-steps\/'>Understanding Workflow Steps<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-workflow-steps-contd\/'>Understanding Workflow Steps [Contd.]<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-1-understand-aem-workflow-use-case\/'>Step 1: Understand AEM Workflow Use Case.<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-2-create-user-groups-and-assign-users\/'>Step 2: Create User Groups and Assign Users<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-3-create-new-page-properties\/'>Step 3: Create New Page Properties<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/workflow-example-code-below\/'>Workflow Example Code Below<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><\/ul><\/nav><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94d9ba5 e-con-full e-flex e-con e-child\" data-id=\"94d9ba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-909c958 elementor-widget elementor-widget-text-editor\" data-id=\"909c958\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering<\/h2><p><\/p><p>To understand how Apache Sling resolves components on an AEM page, it&#8217;s helpful to walk through the process using the CRX\/DE (Content Repository Extreme\/Development Environment) in AEM. Let&#8217;s use the example of a page with two components, Text and Button, accessible at <code>http:\/\/localhost:4502\/editor.html\/content\/we-retail\/language-masters\/en\/test-page.html<\/code>. We&#8217;ll see how Sling resolves these components and how you can follow this path in CRX\/DE for debugging or learning purposes.<\/p><p> <\/p><h4 class=\"wp-block-heading\">How Sling Processes the Request:<\/h4><p> <\/p><ul class=\"wp-block-list\"><li>When the page URL is requested, Sling resolves the path <code>\/content\/we-retail\/language-masters\/en\/test-page<\/code> to the JCR node.<\/li> <li>Sling then reads the <code>sling:resourceType<\/code> for each component on the page and executes the corresponding scripts.<\/li> <li>The output from these scripts (HTML, CSS, JavaScript) is combined to form the complete page, which is then sent back to the user&#8217;s browser.<\/li><\/ul><p> <\/p><h4 class=\"wp-block-heading\">Step-by-Step Guide through CRX\/DE:<\/h4><p> <\/p><h5 class=\"wp-block-heading\"><strong>Access CRX\/DE<\/strong>:<\/h5><p> <\/p><p>Navigate to <code>http:\/\/localhost:4502\/crx\/de\/index.jsp<\/code> on your AEM instance. This is the CRX\/DE interface.<\/p><p> <\/p><h5 class=\"wp-block-heading\"><strong>Locate the Page Node<\/strong>:<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>In the CRX\/DE, navigate through the repository tree to find the node corresponding to your page. In this case, follow this path: <code>\/content\/we-retail\/language-masters\/en\/test-page<\/code>.<\/li> <li>This node represents your AEM page in the JCR.<\/li><\/ul><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0a5d2 elementor-widget elementor-widget-image\" data-id=\"7b0a5d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6-1024x509.png\" class=\"attachment-large size-large wp-image-1544\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6-1024x509.png 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6-300x149.png 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6-768x382.png 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6-600x298.png 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-116fbc5 elementor-widget elementor-widget-text-editor\" data-id=\"116fbc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p><ul class=\"wp-block-list\"><li><strong>Child Node <code>jcr:content<\/code><\/strong>: The crucial properties, including <code>sling:resourceType<\/code>, are not directly on the page node but on its child node <code>jcr:content<\/code>. So, navigate to <code>\/content\/we-retail\/language-masters\/en\/test-page\/jcr:content<\/code> to view these properties.<\/li> <li>Click on th<code>e child node jcr:content<\/code> node. You&#8217;ll see various properties set for this page, including the <code>jcr:primaryType<\/code>, <code>jcr:title<\/code>, and potentially <code>sling:resourceType<\/code>.<\/li> <li>The <code>sling:resourceType<\/code> property typically points to the page component used to render the page layout.<\/li><\/ul><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3ea40 elementor-widget elementor-widget-image\" data-id=\"3e3ea40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-7-1024x511.png\" class=\"attachment-large size-large wp-image-1546\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-7-1024x511.png 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-7-300x150.png 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-7-768x383.png 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-7-600x299.png 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-7.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-572344e elementor-widget elementor-widget-text-editor\" data-id=\"572344e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p><h5 class=\"wp-block-heading\"><strong>Identify Component Nodes<\/strong>:<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>Within the <code>test-page<\/code> node, look for child nodes representing the individual components on the page \u2013 in this case, the Text and Button components.<\/li> <li>These might be nested within other nodes, like <code>jcr:content<\/code> or a layout container node.<\/li><\/ul><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e0343e elementor-widget elementor-widget-image\" data-id=\"6e0343e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-8-1024x508.png\" class=\"attachment-large size-large wp-image-1547\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-8-1024x508.png 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-8-300x149.png 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-8-768x381.png 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-8-600x298.png 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-8.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c959d1e elementor-widget elementor-widget-text-editor\" data-id=\"c959d1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p><h5 class=\"wp-block-heading\"><strong>Inspect Component Nodes<\/strong>:<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>Click on the nodes representing the Text and Button components.<\/li> <li>Note the <code>sling:resourceType<\/code> property for each. This property is crucial as it tells Sling which script to execute to render these components.<\/li> <li>For instance, if the Button component has a <code>sling:resourceType<\/code> like <code>we-retail\/components\/content\/button<\/code>, prepend <code>\/apps<\/code> to it, making it <code>\/apps\/we-retail\/components\/content\/button<\/code>.<\/li><\/ul><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b3137 elementor-widget elementor-widget-image\" data-id=\"d0b3137\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-9-1024x508.png\" class=\"attachment-large size-large wp-image-1548\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-9-1024x508.png 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-9-300x149.png 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-9-768x381.png 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-9-600x298.png 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-9.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2c6b77 elementor-widget elementor-widget-text-editor\" data-id=\"f2c6b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p><h5 class=\"wp-block-heading\">Tracing Component Scripts<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>The <code>sling:resourceType<\/code> value is actually a path in the JCR. Navigate to this path in CRX\/DE.<\/li> <li>Here, you will find the scripts (usually HTML, possibly with HTL\/Sightly, JavaScript, and CSS) that render the component.<\/li> <li>Navigate to the path indicated by <code>sling:resourceType<\/code> in CRX\/DE. For the Button component, this would be <code>\/apps\/weretail\/components\/content\/button<\/code>.<\/li> <li>If you don\u2019t find the HTML script at this location, check the <code>sling:superResourceType<\/code> property. This property points to another path where the script might be located. Again, prepend <code>\/apps<\/code> to this path.<\/li><\/ul><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5af530e elementor-widget elementor-widget-image\" data-id=\"5af530e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-10-1024x508.png\" class=\"attachment-large size-large wp-image-1549\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-10-1024x508.png 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-10-300x149.png 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-10-768x381.png 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-10-600x298.png 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-10.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-285f6d8 elementor-widget elementor-widget-text-editor\" data-id=\"285f6d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p><h4 class=\"wp-block-heading\"><strong>Understanding Component Overriding<\/strong><\/h4><p> <\/p><p>The use of <code>sling:superResourceType<\/code> is important in AEM for component overriding. It allows customization of components without altering the original component scripts. This ensures that updates to the base component don&#8217;t overwrite customizations.<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b88f81d elementor-widget elementor-widget-image\" data-id=\"b88f81d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-12-1024x509.png\" class=\"attachment-large size-large wp-image-1551\" alt=\"\" srcset=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-12-1024x509.png 1024w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-12-300x149.png 300w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-12-768x382.png 768w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-12-600x298.png 600w, https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-12.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dadc0c8 elementor-widget elementor-widget-text-editor\" data-id=\"dadc0c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 id=\"block-f6d38ec1-0c1b-4e51-bf40-61ea68d04dfd\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-multi-selected wp-block-heading rich-text\" role=\"document\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Heading\" data-block=\"f6d38ec1-0c1b-4e51-bf40-61ea68d04dfd\" data-type=\"core\/heading\" data-title=\"Heading\" data-wp-block-attribute-key=\"content\">The Content-First Approach of Sling Framework<\/h4><h5 id=\"block-7b7a39bc-51f3-498e-94c5-8f3ffc622823\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-multi-selected wp-block-heading rich-text\" role=\"document\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Heading\" data-block=\"7b7a39bc-51f3-498e-94c5-8f3ffc622823\" data-type=\"core\/heading\" data-title=\"Heading\" data-wp-block-attribute-key=\"content\"><strong>Content-First Approach<\/strong>:<\/h5><ul id=\"block-eafe41c7-034b-45db-9aee-1b8a981fbb29\" class=\"block-editor-block-list__block wp-block is-multi-selected wp-block-list block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List\" data-block=\"eafe41c7-034b-45db-9aee-1b8a981fbb29\" data-type=\"core\/list\" data-title=\"List\" data-is-drop-zone=\"true\"><li id=\"block-8254d7d0-75c1-4629-873d-24eb2b381618\" class=\"block-editor-block-list__block wp-block wp-block-list-item block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List item\" data-block=\"8254d7d0-75c1-4629-873d-24eb2b381618\" data-type=\"core\/list-item\" data-title=\"List item\"><div class=\"block-editor-rich-text__editable rich-text\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"List text\" data-wp-block-attribute-key=\"content\">The Sling framework follows a content-first approach. This means Sling resolves the requested URL to a corresponding content node in JCR.<\/div><\/li><li id=\"block-f262a16c-e5b3-4ec6-a152-b67cc59ed4d9\" class=\"block-editor-block-list__block wp-block wp-block-list-item block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List item\" data-block=\"f262a16c-e5b3-4ec6-a152-b67cc59ed4d9\" data-type=\"core\/list-item\" data-title=\"List item\"><div class=\"block-editor-rich-text__editable rich-text\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"List text\" data-wp-block-attribute-key=\"content\">It emphasizes the importance of the structure and organization of content in the repository. The URL mapping directly to JCR nodes ensures that content is easily accessible and manageable.<\/div><\/li><\/ul><h5 id=\"block-a6fb56cb-d47d-42cc-a537-8288d9248df5\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-multi-selected wp-block-heading rich-text\" role=\"document\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Heading\" data-block=\"a6fb56cb-d47d-42cc-a537-8288d9248df5\" data-type=\"core\/heading\" data-title=\"Heading\" data-wp-block-attribute-key=\"content\"><strong>Benefits of Content-First Approach<\/strong>:<\/h5><ul id=\"block-5a8d4c40-3fb2-478b-a5a3-7c0d11717f24\" class=\"block-editor-block-list__block wp-block is-multi-selected wp-block-list block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List\" data-block=\"5a8d4c40-3fb2-478b-a5a3-7c0d11717f24\" data-type=\"core\/list\" data-title=\"List\" data-is-drop-zone=\"true\"><li id=\"block-8f22bd10-9e9b-4a1a-9cc2-78cabc0f8237\" class=\"block-editor-block-list__block wp-block wp-block-list-item block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List item\" data-block=\"8f22bd10-9e9b-4a1a-9cc2-78cabc0f8237\" data-type=\"core\/list-item\" data-title=\"List item\"><div class=\"block-editor-rich-text__editable rich-text\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"List text\" data-wp-block-attribute-key=\"content\">This approach ensures a seamless connection between the URL and the underlying content structure.<\/div><\/li><li id=\"block-553e9862-02ba-4b97-abb3-a177fc5f465f\" class=\"block-editor-block-list__block wp-block wp-block-list-item block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List item\" data-block=\"553e9862-02ba-4b97-abb3-a177fc5f465f\" data-type=\"core\/list-item\" data-title=\"List item\"><div class=\"block-editor-rich-text__editable rich-text\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"List text\" data-wp-block-attribute-key=\"content\">It simplifies content management, making it easier for authors to update and maintain the site.<\/div><\/li><li id=\"block-68dc5c41-ff79-4f0f-ab3b-e1ed7d5a625f\" class=\"block-editor-block-list__block wp-block wp-block-list-item block-editor-block-list__layout\" tabindex=\"0\" role=\"document\" aria-label=\"Block: List item\" data-block=\"68dc5c41-ff79-4f0f-ab3b-e1ed7d5a625f\" data-type=\"core\/list-item\" data-title=\"List item\"><div class=\"block-editor-rich-text__editable rich-text\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"List text\" data-wp-block-attribute-key=\"content\">Enhances the flexibility of content delivery, allowing for dynamic rendering of pages based on the content structure.<\/div><\/li><\/ul><h4 id=\"block-cababf37-51a4-442a-93fa-25129582d037\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-multi-selected wp-block-heading rich-text\" role=\"document\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Heading\" data-block=\"cababf37-51a4-442a-93fa-25129582d037\" data-type=\"core\/heading\" data-title=\"Heading\" data-wp-block-attribute-key=\"content\">Conclusion<\/h4><p id=\"block-8ba76f79-91e9-43d4-b213-7afe8c20e98f\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-multi-selected wp-block-paragraph rich-text\" role=\"document\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Paragraph\" data-block=\"8ba76f79-91e9-43d4-b213-7afe8c20e98f\" data-type=\"core\/paragraph\" data-title=\"Paragraph\" data-empty=\"false\" data-wp-block-attribute-key=\"content\">By walking through this process in CRX\/DE, you gain a deeper understanding of how Sling processes requests in AEM, the role of component properties like <code>sling:resourceType<\/code> and <code>sling:superResourceType<\/code>, and the overall content-first approach that underpins AEM&#8217;s content delivery mechanism. This knowledge is vital for effective debugging, customization, and development within the AEM environment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2868,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3049","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering - Sankham Technologies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering - Sankham Technologies\" \/>\n<meta property=\"og:description\" content=\"Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/\" \/>\n<meta property=\"og:site_name\" content=\"Sankham Technologies\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-15T18:03:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"679\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/\",\"name\":\"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering - Sankham Technologies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/image-6-1024x509.png\",\"datePublished\":\"2024-11-14T10:33:02+00:00\",\"dateModified\":\"2024-11-15T18:03:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/image-6.png\",\"contentUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/image-6.png\",\"width\":1366,\"height\":679},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/aems-sling-framework-understanding-component-resolution-and-rendering\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"India\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"English\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Free Courses\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"AEM Backend Concepts\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"name\":\"Sankham Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sankhamtech.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\",\"name\":\"Sankham Technologies\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"contentUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"width\":306,\"height\":74,\"caption\":\"Sankham Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering - Sankham Technologies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/","og_locale":"en_US","og_type":"article","og_title":"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering - Sankham Technologies","og_description":"Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]","og_url":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/","og_site_name":"Sankham Technologies","article_modified_time":"2024-11-15T18:03:34+00:00","og_image":[{"width":1366,"height":679,"url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/","url":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/","name":"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering - Sankham Technologies","isPartOf":{"@id":"https:\/\/sankhamtech.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/#primaryimage"},"image":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/#primaryimage"},"thumbnailUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6-1024x509.png","datePublished":"2024-11-14T10:33:02+00:00","dateModified":"2024-11-15T18:03:34+00:00","breadcrumb":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/#primaryimage","url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6.png","contentUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2024\/01\/image-6.png","width":1366,"height":679},{"@type":"BreadcrumbList","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":2,"name":"Content","item":"https:\/\/sankhamtech.com\/index.php\/content\/"},{"@type":"ListItem","position":3,"name":"India","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/"},{"@type":"ListItem","position":4,"name":"English","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/"},{"@type":"ListItem","position":5,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":6,"name":"Free Courses","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/"},{"@type":"ListItem","position":7,"name":"AEM Backend Concepts","item":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/"},{"@type":"ListItem","position":8,"name":"AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering"}]},{"@type":"WebSite","@id":"https:\/\/sankhamtech.com\/#website","url":"https:\/\/sankhamtech.com\/","name":"Sankham Technologies","description":"","publisher":{"@id":"https:\/\/sankhamtech.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sankhamtech.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sankhamtech.com\/#organization","name":"Sankham Technologies","url":"https:\/\/sankhamtech.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/","url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","contentUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","width":306,"height":74,"caption":"Sankham Technologies"},"image":{"@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/comments?post=3049"}],"version-history":[{"count":7,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3049\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3049\/revisions\/3571"}],"up":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/2868"}],"wp:attachment":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/media?parent=3049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}