Sightly Read Eval Print Loop

Learn Sightly with Read–Eval–Print Loop in AEM 6.x

 

A great live code editing environment for Sightly templates with optional server-side JavaScript logic, executed on an Adobe Experience Manager instance. This little tool is great for learning Sightly and for experimenting with it, because the resulting output is displayed as you type.

To get started you need minimum Adobe Experience Manager 6+, there are you two ways you can setup your environment and start experimenting:-

1. Install as a Package

  • Download the built package: com.adobe.granite.sightly.repl-1.0.2.zip.
  • On your running AEM instance, go to Package Manager, click on Upload Package, browse to the previously downloaded package, and hit OK.
  • Install the package com.adobe.granite.sightly.repl-1.0.2.zip. Don’t mind the missing dependencies, simply click the Install button and confirm.

2. Maven Method

  • Checked-out https://github.com/Adobe-Marketing-Cloud/aem-sightly-repl repository with Git clone.
  • Build and install it with following command line instruction:
    mvn clean install content-package:install

Once any of the above steps are performed for installation, go to the following URL on AEM instance localhost:4502/content/repl.html

Sightly Read Eval Print Loop (REPL)

Sightly Read Eval Print Loop (REPL) will give you three options:-

  1. Source :- Shows the generated HTML Structure of webpage
  2. View :- Output of webpage can be seen here, this is the same which you will see in your browser
  3. Java :- Complied sightly Java class

It’s a great environment for people who are willing to get hands on Sightly and want to gain some experience in it.

3 thoughts on “Learn Sightly with Read–Eval–Print Loop in AEM 6.x

    1. Yes.. you can use
      Create the clientlib with all the JS required for backbone and include/refer the clientlib in your component.

       
    2. You can refer to the below component in AEM as a reference to use backbone

      /libs/mobileapps/gui/components/dashboard/tiles/pgbuild

       

Leave a Reply

Your email address will not be published. Required fields are marked *