qwik-microfrontends icon indicating copy to clipboard operation
qwik-microfrontends copied to clipboard

Qwik Microfrontends example

Qwik Microfrontends

homepage

node >= v18.10.0 required

The project contains 3 apps ( Host, Home, Checkout )

Host

port: 5173

host

Home ( horizontal split )

port: 5174

home

Checkout ( vertical split with multiple routes )

port: 5175

route: /checkout/summary/

summary

route: /checkout/payment/

payment

Startup project

From the root install all the dependencies pnpm i

Preview server ( run in different terminals )

  • npm run preview:host
  • npm run preview:home
  • npm run preview:checkout

Development server

Run npm run serve:all to run a dev server for each application.

At http://localhost:5173 you can open the host and see the working application.