This repository contains the source code of a tutorial on how to create a micro frontend application with Luigi. 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.
This project uses npm, so you need to have Node.js installed.
The tutorial includes step-by-step instructions on how to create this application from scratch and can be found on 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:
-
npm install
-
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:
-
npm install
-
npm start
- Refresh the page of the core app.
There are no known issues currently.
Create an issue in this repository or contact the Luigi team on our Slack channel.
To contribute to this project or Luigi itself, first read our contribution guidelines.
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 file.