Home

Awesome

Demo apps logo

Actions Status Docker Hub

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

  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.