IFDC on Edge Delivery Services
Before using the aem-boilerplate, we recommand you to go through the documentation on www.aem.live and experienceleague.adobe.com, more specifically:
- Getting Started, Creating Blocks, Content Modelling
- The Anatomy of a Project
- Web Performance
- Markup, Sections, Blocks, and Auto Blocking
Furthremore, we encourage you to watch the recordings of any of our previous presentations or sessions:
- nodejs 20.9.x or newer
- AEM Cloud Service release 2024.8 or newer (>=
17465)
For the first build (and anytime package.json is updated), run:
npm iThis 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- Create a new repository based on the
aem-boilerplatetemplate and add a mountpoint in thefstab.yaml - Add the AEM Code Sync GitHub App to the repository
- Install the AEM CLI:
npm install -g @adobe/aem-cli - Start AEM Proxy:
aem up(opens your browser athttp://localhost:3000) - Open the
{repo}directory in your favorite IDE and start coding :) - Be sure to add the StyleLint and ESLint extensions in your IDE to see problems as you code.