https://github.com/sap-samples/luigi-micro-frontend-application
Learn how to build a Luigi micro-frontend application with React and UI5. It demonstrates the usage of the Luigi open source project.
https://github.com/sap-samples/luigi-micro-frontend-application
angular luigi sample sample-code sapui5 ui5
Last synced: 6 months ago
JSON representation
Learn how to build a Luigi micro-frontend application with React and UI5. It demonstrates the usage of the Luigi open source project.
- Host: GitHub
- URL: https://github.com/sap-samples/luigi-micro-frontend-application
- Owner: SAP-samples
- License: apache-2.0
- Created: 2020-10-20T16:27:33.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-03-07T13:26:44.000Z (7 months ago)
- Last Synced: 2025-03-27T05:51:11.039Z (6 months ago)
- Topics: angular, luigi, sample, sample-code, sapui5, ui5
- Language: JavaScript
- Homepage:
- Size: 1.72 MB
- Stars: 7
- Watchers: 8
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Luigi Micro Frontend Application Tutorial
[](https://api.reuse.software/info/github.com/SAP-samples/luigi-micro-frontend-application)
## Description
This repository contains the source code of a tutorial on how to create a micro frontend application with [Luigi](https://luigi-project.io). The tutorial shows how to create a simple online shopping application. The main application uses React, while the micro frontend is developed with SAP UI5. Luigi brings the two together and allows you to create a consistent user interface, while also configuring additional features. One such feature is localization for displaying the site in German or English.
### Resources
- [Luigi documentation](https://docs.luigi-project.io)
- [Luigi Fiddle](https://fiddle.luigi-project.io)
- [Youtube](https://www.youtube.com/channel/UC5WsYsHapDlg2K3iXS4n4AQ/about)
- [GitHub](https://github.com/SAP/luigi)
- [Twitter](https://twitter.com/luigiprojectio?lang=en)
## Requirements
This project uses `npm`, so you need to have [Node.js](https://nodejs.org/en/) installed.
## Download and installation
The tutorial includes step-by-step instructions on how to create this application from scratch and can be found on [developers.sap.com](https://developers.sap.com).
Alternatively, you may download the application directly by clicking on "Clone or download". Then, navigate to to `react-core-mf` and use these commands to run the app locally:
1. ```shell
npm install
```
2. ```shell
npm start
```
In a new terminal window, open the `ui5-mf` folder which contains the micro frontend for the core app you ran previously. Use these commands to run `ui5-mf`:
1. ```shell
npm install
```
2. ```shell
npm start
```
3. Refresh the page of the core app.
## Known issues
There are no known issues currently.
## How to obtain support
Create an issue in this repository or contact the Luigi team on our [Slack](https://slack.luigi-project.io) channel.
## Contributing
To contribute to this project or Luigi itself, first read our [contribution guidelines](https://github.com/SAP/luigi/blob/main/CONTRIBUTING.md).
## License
Copyright (c) 2020 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSES/Apache-2.0.txt) file.