https://github.com/hcl-tech-software/dx-modules-and-scriptapps
How-to guides with sample codes that streamline the build and deployment of basic and optimized JavaScript applications to HCL Digital Experience (HCL DX).
https://github.com/hcl-tech-software/dx-modules-and-scriptapps
code-splitting demo dx dx-modules dx-scriptapps gradle gradle-build hcl-dx hcldx javascript micro-frontends nextjs optimal-page-loads optimizations reactjs samples videojs webpack
Last synced: 2 months ago
JSON representation
How-to guides with sample codes that streamline the build and deployment of basic and optimized JavaScript applications to HCL Digital Experience (HCL DX).
- Host: GitHub
- URL: https://github.com/hcl-tech-software/dx-modules-and-scriptapps
- Owner: HCL-TECH-SOFTWARE
- License: apache-2.0
- Created: 2022-08-26T08:29:33.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-29T11:24:12.000Z (over 2 years ago)
- Last Synced: 2025-10-02T07:29:48.880Z (5 months ago)
- Topics: code-splitting, demo, dx, dx-modules, dx-scriptapps, gradle, gradle-build, hcl-dx, hcldx, javascript, micro-frontends, nextjs, optimal-page-loads, optimizations, reactjs, samples, videojs, webpack
- Language: JavaScript
- Homepage:
- Size: 35.3 MB
- Stars: 2
- Watchers: 10
- Forks: 1
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# DX ScriptApps How-To Guides
## Overview
The following guides will describe the steps on how to bundle and deploy DX ScriptApps.
For DX pages that will only have a single ScriptApp, an option is available to deploy the built application as a whole with the usual inclusion of its dependencies.
For DX pages that will have multiple ScriptApps, it is recommended to do a code-splitting. You may deploy common libraries/dependencies as one DX module and then exclude them in the application's packaging and deployment.
Each guide below will have their own sample bundler and deployment codes for reference.
## Guides
### 01 - [How To Deploy a React App to DX as a ScriptApp](01WebpackWithDependencies)
### 02 - [How To Deploy JavaScript Libraries/Dependencies as a DX Module](02DependenciesAsModule)
### 03 - [How To Deploy DX ScriptApps Without Its Dependencies](03AppsExcludingDependencies)
### 04 - [How To Deploy Multiple DX ScriptApps with Shared Dependencies](04AppsWithSharedDependencies)
### 05 - [How To Deploy Multiple DX ScriptApps with Different Dependency Versions](05AppsWithDiffDepVersions)
### 06 - [How To Make Multiple DX ScriptApps Use Shared Components From Themes](06ThemeComponentInApp)
### 07 - [How To Deploy a NextJS App as a DX Script Application](07NextJSSample)
## ShowCase Sites
### 01 - [WoodBurn Insurance (MicroFrontends / Simple DX Site Integration)](showcase-sites/WoodBurnInsurance)