Integrate AEM with Magento – 3

Posted in AEM Tutorials By Raj On August 18, 2019

The best thing is nowadays everything comes with its own archetype and it helps us to save a lot of time. Every archetype comes with readymade components, template, and best practices, etc. Examples for archetypes are CIF Project Archetype, AEM SPA Archetype, etc.

We also have an archetype for integrating AEM with Magento and the name of this is CIF Project Archetype, you can check it by using this link. This is going to be an accelerator for your commerce project because it comes with out-of-the-box store front.

Create project :

You can use below maven command to generate a project, the version number of archetype depends on system requirements, here I am using 0.3.0 archetype version because I am using AEM 6.4.4 and Magento 2.3.2

When you hit that command it will open up in an interactive mode and will ask you to provide package name, artifactID, etc. I am not going to explain remaining things here because those are all self-explanatory. 

After the project creation is completed, you should see the project structure something like below.

cif-project

Go to the command prompt of the generated folder and execute “mvn clean install” command, then using the package manager deploy the generated package into AEM.

Now, go to the CRXDE lite and check for the CIF components, templates, sample content, etc. You should see the commerce components under the components folder of your project.

jara

 

 

The store-front is created by default, you can see the live copy’s and language’s below. you can open any page but it will display empty. In the next article, you will see how to populate products information on the page.

store-front