Your Project's Title...

Your project's description...

Environments

• Preview: https://main--ise-boilerplate--aemdemos.aem.page/
• Live: https://main--ise-boilerplate--aemdemos.aem.live/

Documentation

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

1. Developer Tutorial
2. Creating Blocks and Content Modelling
3. The Anatomy of a Project
4. Web Performance
5. Markup, Sections, Blocks, and Auto Blocking
6. AEM Block Collection

Installation

npm i

Linting and security This project is using StyleLint and ESLint for Javascript. Our ESLint configuration includes 3 popular and reputable Javascript code quality and security plugins:

• SonarSource eslint-plugin-sonarjs, a code quality analyzer for JavaScript and TypeScript within the Sonar ecosystem (https://github.com/SonarSource/SonarJS/blob/master/packages/jsts/src/rules/README.md#eslint-rules)
• Interlace secure-coding plugin for general secure coding practices and OWASP compliance for JavaScript/TypeScript (https://eslint.interlace.tools/docs/security/plugin-secure-coding/rules)
• Interlace browser-security for XSS, cookie, and DOM security rules for client-side JavaScript (https://eslint.interlace.tools/docs/security/plugin-browser-security/rules).

They are included in this command, which is run automatically via a github action on every pull request:

npm run lint

Local development

1. Create a new repository based on the aem-block-collection template and add a mountpoint in the fstab.yaml
2. Add the AEM Code Sync GitHub App to the repository
3. Install the AEM CLI: npm install -g @adobe/aem-cli
4. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
5. Open the ise-boilerplate directory in your favorite IDE and start coding :)