Hello Liferay Community,
As we move further into the Client Extension (CX) paradigm with Liferay 7.4 and Liferay Cloud, the initial overhead of manual configuration can often slow down the development lifecycle. Managing boilerplate code, build configurations, and client-extension.yaml structures manually is often repetitive and prone to error.
To streamline this process, I have developed two CLI tools designed to scaffold Liferay Client Extensions in seconds, bringing the ease of standard modern web development to the Liferay ecosystem.
The Solutions
-
create-liferay-react-cxAutomates the setup of React-based Custom Elements, pre-configured with the necessary Liferay entry points. -
create-liferay-microservice-cxStreamlines the creation of Microservice Client Extensions, ensuring the project structure is optimized for Liferay integration.
Key Benefits
-
Efficiency: Reduces initial project setup from ~30 minutes of manual configuration to a single command.
-
Standardization: Ensures that the
.yamlconfigurations follow Liferay’s expected structures. -
Reduced Complexity: Eliminates common “copy-paste” errors associated with manual boilerplate migration.
Request for Feedback
I am actively looking to improve these tools and would value the community’s input:
-
Are there specific boilerplate configurations or libraries you would like to see included by default?
-
Would there be interest in similar scaffolding for other frameworks like Vue or Angular?
-
Are there any specific pain points in the current CX developer experience that these tools could further address?
I invite you to try these tools on your next project. Contributions, feedback, and GitHub issues are all very welcome.