Sightly is the new HTML templating system, introduced with AEM 6.0. It takes the place of JSP (Java Server Pages) and ESP (ECMAScript Server Pages) as the preferred HTML templating system for AEM.
This is the code from my Sightly demo at the Connect Web Experience Conference 2014.
Thanks to the TodoMVC Team
The Sightly Documentation on the AEM Site is a great resource for getting started.
Get help from other Framework Name users:
If you are interested to learn how we came up with Sightly, check out my Behind the Scenes Youtube channel
The Example Content Node is located in http://localhost:4502/todomvc.html (component: todomvc/mainpanel)
Following Components are Implemented
- /todovc -> app/jcr_root/apps/todomvc/mainpanel
- /todovc/header -> app/jcr_root/apps/todomvc/header
- /todomvc/main/selectallaction -> app/jcr_root/apps/todomvc/selectallaction
- /todomvc/main/listitems -> app/jcr_root/apps/todomvc/listitems ** Demonstrating server side javascript / use api usage
- /todomvc/main/listitems/todos/todoitems -> app/jcr_root/apps/todomvc/item
- /todomvc/main/destroyaction-> app/jcr_root/apps/todomvc/destroyaction
- /todomvc/todocount-> app/jcr_root/apps/todomvc/todocount ** Demonstrating Java use api usage
I did not (yet) implement the full TodoMVC spec. Perhaps I will do so to demonstrate new functionality and/or for upcoming Sightly DEMO on AEM/CQ conferences.
This Sightly Example is work in progress...
Create a ZIP file from the apps folder and upload it via the AEM Package Manager
To run the app, spin up an HTTP server and visit http://localhost:4502/todomvc.html
This TodoMVC application was created by Senol.