---

This repository contains demo Micro Frontends for Isomorphic Layout Composer (ILC). Please check out the original ILC repository for more information about it.

Online demo

http://demo.microfrontends.online/

List of the demo Micro Frontends

Applications

1. System – written in vanilla JS, with SSR. Port: 8240
2. News – written in Vue.js, with SSR. Port: 8239
3. Navigation – written in React, with SSR. Port: 8235
4. People – written in React, no SSR. Port: 8236
5. Planets – written in Vue.js, no SSR. Port: 8237
6. Wrapper – written in React, with SSR. Port: 8234. Showcases App Wrappers functionality.

Services

1. fetchWithCache (used by News & People). Port: 8238

Quick start

1. Clone the repo
2. Run docker run --rm -it -p 8234-8240:8234-8240 namecheap/ilc-demo-apps
   • Optionally you build your own Docker image with docker build -t namecheap/ilc-demo-apps:latest .
3. Open 127.0.0.1 at respective ports to see apps running.

Development process

Requires Node.js 22 or newer.

1. Clone the repo
2. Run npm install
3. Run npm run build:all
4. Run npm run dev
5. Open 127.0.0.1 at respective ports to see apps running.

Tests

The apps' unit and integration tests live in tests. CI runs them inside the freshly built Docker image and fails if coverage of the apps' sources drops below 95%. To run them locally:

1. Run npm install and npm run build:all (the server tests render the SSR bundles)
2. Run cd tests && npm ci && npm test