Skip to content

hlxsites/aem-boilerplate-commerce

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Edge Delivery Services + Adobe Commerce Boilerplate

This project boilerplate is for Edge Delivery Services projects that integrate with Adobe Commerce.

Documentation

https://experienceleague.adobe.com/developer/commerce/storefront/

Environments

Pre-requisites

Out of the box, this project template uses a pre-configured Adobe Commerce environment. If you want to use your own Adobe Commerce environment, you'll need to update the configs.xlsx file in your content repository to have values that match your environment.

Additionally, you need to have the following modules and customizations installed on your environment:

  1. magento/magento-extra-graphql: Commerce module required for Cart and Checkout Drop-Ins.
  2. magento/module-data-services-graphql: Commerce module with functionality necessary for adding context to events.
  3. magento/module-page-builder-product-recommendations: Commerce module required for PRex Widget
  4. magento/module-visual-product-recommendations: Commerce module required for PRex Widget

Documentation

Before using the boilerplate, we recommand you to go through the documentation on https://www.aem.live/docs/ and more specifically:

  1. Developer Tutorial
  2. The Anatomy of a Project
  3. Web Performance
  4. Markup, Sections, Blocks, and Auto Blocking

Installation

npm i

Linting

npm run lint

Local development

  1. Create a new repository based on the aem-boilerplate-commerce template and add a mountpoint in the fstab.yaml
  2. Add the AEM Code Sync GitHub App to the repository
  3. Add your Adobe Commerce SaaS configuration in the configs.xlsx sheet in your content repository.
  4. Install all dependencies using npm i.
  5. Start AEM Proxy: npm run up (opens your browser at http://localhost:3000)
  6. Open the {repo} directory in your favorite IDE and start coding :)

Changelog

Major changes are described and documented as part of pull requests and tracked via the changelog tag. To keep your project up to date, please follow this list:

https://github.com/hlxsites/aem-boilerplate-commerce/issues?q=label%3Achangelog+is%3Aclosed

Packages

No packages published

Languages

  • JavaScript 86.6%
  • CSS 12.5%
  • HTML 0.9%