adobe / aem-project-archetype

Maven template to create best-practice websites on AEM.
https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/archetype/overview.html
Apache License 2.0
547 stars 426 forks source link

Frontend development flow improvements - live reloading on local AEM instance #683

Open bartosz-wesolowski-wttech opened 3 years ago

bartosz-wesolowski-wttech commented 3 years ago

Real time updates on author instance

Currently to speed up styling a separate dev server is used (styling is done on static html file that is downloaded from AEM). This does not require local AEM instance to be running but on the other hand requires some additional work to get the actual AEM page HTML to work with.

Proposed improvement: Allow to perform styling directly on local AEM page in the same manner as it's done on local dev server Development flow:

  1. Run author instance locally
  2. Run npm run start:withAem
  3. Open page to style on local aem instance, for example /content/mysite/en.html
  4. Any change in css/js file will generate clientlibs, sync them into an AEM instance and refresh /content/mysite/en.html in browser.
bartosz-wesolowski-wttech commented 3 years ago

Hello, I created an PR to illustrate potential update and to make it easier to start the discussion :) Cheers :)