Micro Frontends - Speaker Deck

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

API Gateway Microservice Microservice Microservice DB DB DB SPA

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

✔️ ✔️ ✔️ ✔️ ✔️ ✔️

Slide 5

Slide 5 text

Microservice API Gateway SPA Microservice Microservice DB DB DB ❌ ❌ ❌ ❌ ❌

Slide 6

Slide 6 text

Microservice API Gateway SPA Microservice Microservice DB DB DB SPA API Gateway

Slide 7

Slide 7 text

μService Ordering μService DB μService μService DB DB Catalogue Profile μService DB DB

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

μService Ordering μService DB μService μService DB DB Catalogue Profile μService DB DB ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

Slide 10

Slide 10 text

μService Ordering μService DB μService μService DB DB Catalogue Profile μService DB DB

Slide 11

Slide 11 text

Dashboard Profile Profile μService DB Catalogue μService DB Catalogue Ordering Ordering μService DB Dashboard μService DB

Slide 12

Slide 12 text

Dashboard Profile Catalogue Ordering Ordering Catalogue Hyperlink Hyperlink Dashboard One “Micro Frontend” per page. 2...n Micro Frontends per page.

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

❌ ❌ ❌ ✔️ ✔️ ✔️

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Article Article Article new Article Article Page Article Page Article Page Article Page Static Files Rebuild Angular Photon

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

header fragment μService account fragment μService catalogue fragment μService ...

Slide 19

Slide 19 text

✔️ ✔️ ✔️ ✔️ ✔️ ✔️

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

✔️ ✔️ ✔️ ✔️ ✔️ ✔️

Slide 22

Slide 22 text

Server Browser

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Slide 26

Slide 26 text

No content