When approaching the development of your application’s front-end, Liferay DXP offers a wide range of approaches, frameworks, utilities, and mechanisms to make your life easier.
If you’ve used Liferay in the past, you can of course continue to use Liferay’s venerable Alloy UI, but you are also free to use the front-end technologies you love the most:
- ECMAScript 2015
- Metal.js (developed by Liferay)
- AlloyUI (developed by Liferay)
- jQuery (included)
- Lodash (included)
Liferay DXP follows a design language created by our designers at Liferay called Lexicon Experience Language, which has been implemented for use of the web as Lexicon.
Lexicon is automatically made available to application developers through a set of CSS classes and markup, although it’s even easier to use our tag library.
For templating, Java EE’s JSP is there as expected as well as FreeMarker, but the platform’s modularity enables using Google’s Soy (aka Closure Templates) or whatever else you like.
In Liferay DXP, Liferay provides an easy-to-use tool called the Liferay Theme Generator that helps automate the theme development process.
Themes created with the Liferay Theme Generator give you access to theme gulp tasks
that offer basic functions, such as
deploy, along with
more complex interactions, such as auto deploying when a change is made and
setting the base theme.
Liferay DXP’s modularity has many benefits for the front-end developer, in the form of development customizations and extension points. These extensions assure the stability, conformity, and future evolution of your applications.
Below are some of the available front-end extensions: