7

I am trying to apply the concept of micro frontend and microservice into my current project.
For frontend development, I am using https://quasar.dev/ and backend https://www.scala-lang.org/.
I have the following scenario:

enter image description here

I have 3 microservices and each of them has their own frontend, which is running inside NGINX container. Also every microservice has their own backend and it is written in Scala.

Now, what I am trying to achieve is the following:

enter image description here

  • I enter the url example.io/app1, then the microservice1 should get called. The content(rectangle with a blue border) of App Shell should show the quasar app from the microservice1.

  • Then I change the url to example.io/app2. Then the microservice2 should get called and the content(rectangle with a blue border) of App Shell should show the quasar app from the microservice2.

The App Shell acts like a container, in which another app is running inside. Martin Fowler wrote a wonderful article about micro frontend.

The question is, how to create an App Shell as a main layout for frontend app?

softshipper
  • 32,463
  • 51
  • 192
  • 400
  • Did you ever figure anything out? I have a pretty large quasar 1 app that i want to turn in to micro services. I was thinking it would be cool as an app-extension. – James Harrington Jun 11 '21 at 07:05

0 Answers0