https://github.com/lgdd/liferay-client-extensions-samples
Liferay client extensions samples mirrored from liferay/liferay-portal
https://github.com/lgdd/liferay-client-extensions-samples
client-extensions liferay liferay-dxp liferay-portal
Last synced: about 1 month ago
JSON representation
Liferay client extensions samples mirrored from liferay/liferay-portal
- Host: GitHub
- URL: https://github.com/lgdd/liferay-client-extensions-samples
- Owner: lgdd
- License: mit
- Created: 2024-01-04T11:27:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-17T01:21:33.000Z (about 1 month ago)
- Last Synced: 2025-04-17T14:51:58.376Z (about 1 month ago)
- Topics: client-extensions, liferay, liferay-dxp, liferay-portal
- Language: Java
- Homepage:
- Size: 641 KB
- Stars: 15
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://github.com/lgdd/liferay-client-extensions-extra-samples)

# Liferay Client Extensions Samples
Automatically mirror official client extensions samples you can find in the main repo here: https://github.com/liferay/liferay-portal/tree/master/workspaces/liferay-sample-workspace/client-extensions
The goal of this repository is to ease the process of trying out client extensions samples by removing the burden of cloning liferay-portal & by renaming ambiguous client extensions (e.g. `custom-element-1`).
The official readme file for those samples is mirrored in the [HOW-TO.md](HOW-TO.md).
The new naming is an arbitrary choice based on the description provided by Liferay in the readme file. Here's the correspondance for the renamed client extensions:
| **Original name** | **New name** |
|-------------------|-------------------------------------------------------------------|
| liferay-sample-custom-element-1 | liferay-sample-custom-element-vanilla-js |
| liferay-sample-custom-element-2 | liferay-sample-custom-element-react-scripts |
| liferay-sample-custom-element-3 | liferay-sample-custom-element-angular |
| liferay-sample-custom-element-4 | liferay-sample-custom-element-react-dom |
| liferay-sample-custom-element-5 | liferay-sample-custom-element-react-clayui |
| liferay-sample-etc-frontend | liferay-sample-etc-frontend-shared-import-map |
| liferay-sample-global-js-1 | liferay-sample-global-js-page |
| liferay-sample-global-js-2 | liferay-sample-global-js-page-with-attributes |
| liferay-sample-global-js-2 | liferay-sample-global-js-instance |
| liferay-sample-iframe-1 | liferay-sample-iframe-counter |
| liferay-sample-iframe-2 | liferay-sample-iframe-wikipedia |
| liferay-sample-theme-css-1 | liferay-sample-theme-css-styled |
| liferay-sample-theme-css-2 | liferay-sample-theme-css-unstyled |
| liferay-sample-theme-css-3 | liferay-sample-theme-css-token-definition |
| liferay-sample-theme-css-4 | liferay-sample-theme-css-unstyled-token-definition |
| liferay-sample-theme-spritemap-1 | liferay-sample-theme-spritemap-single-svg |
| liferay-sample-theme-spritemap-2 | liferay-sample-theme-spritemap-multiple-svg |## Aditional information
If the build fails because of the Node version, you can force the use of a specific version by changing the build.gradle with something like:
```gradle
apply plugin: "com.liferay.node"node {
nodeVersion = "20.10.0"
global = false
}
```
> Note that you can apply this for a specific client extension or all client extensions if you change the value in the parent folder (`client-extensions` or your liferay workpace).