Welcome to the source code repository of the SCION Microfrontend Platform Getting Started Guide.
This repository provides minimal application skeletons to easily work through the Getting Started Guide of the SCION Microfrontend Platform.
-
skeleton branch
This branch is the starting point for developing the sample application in the course of the Getting Started Guide. -
master branch
This branch contains the final sample application as it will be developed in the course of the Getting Started Guide.
For detailed instructions on using this repository, please see the Getting Started Guide which gives you an introduction to the essentials of the SCION Microfrontend Platform.
The sample application consists of the following three applications.
-
Host App
Provides the top-level integration container for microfrontends. It is the web app which the user loads into his browser that provides the main application shell, defining areas to embed microfrontends. -
Products App
Provides the ProductList Microfrontend and Product Microfrontend, so that we can view our products. -
Customers Apps
Provides the CustomerList Microfrontend and Customer Microfrontend, so that we can view our customers. The Customer Microfrontend further embeds the ProductList Microfrontend to show the products purchased by a customer.
Use the following commands to serve the webshop under http://localhost:4200.
npm install
npm run start
Pushing to the master branch triggers our GitHub workflow and deploys the sample application to Vercel.
- Host Application (main entry point of the sample application)
https://microfrontend-platform-getting-started.scion.vercel.app - Products Application
https://microfrontend-platform-getting-started-products-app.scion.vercel.app - Customers Application
https://microfrontend-platform-getting-started-customers-app.scion.vercel.app