Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Micro Frontends

Avatar for SQUER Solutions SQUER Solutions
November 07, 2019
Technology
110
0

Micro Frontends

Avatar for SQUER Solutions

SQUER Solutions

November 07, 2019

More Decks by SQUER Solutions

See All by SQUER Solutions
AI-Driven Legacy Decomposition
Avatar for SQUER Solutions squer
0
240
Plural of Platforms
Avatar for SQUER Solutions squer
1
150
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
230
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
340
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
180
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
220
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
180
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
410
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
580

Other Decks in Technology

See All in Technology
Beyond the Hype: Practical AI for Your Oracle Database with MCP
Avatar for thatjeffsmith thatjeffsmith
1
260
Hub & Spoke 環境のネットワークルーティングを分解してみる
Avatar for Tsuyataku tsuyataku
1
530
少人数データチームのDevin活用実践事例
Avatar for Runa Yamada runandy16
2
440
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
Avatar for MasahiroKawahara masahirokawahara
1
300
Sony-DroidKaigi2026
Avatar for ソニー株式会社 sony
1
320
bet_ai_day_2026_session02
Avatar for 株式会社AgenticSec agenticsec
1
980
Level Up Your CDK DX: 5 Tools I’ve Been Building
Avatar for k.goto gotok365
2
190
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
190
grill-me（grilling）：AI駆動開発を超助けてくれるSkill / grill me
Avatar for 数理の弾丸 mathbullet
0
100
振り返りこそエンジニアの本領
Avatar for Negima negima
0
290
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
Avatar for LayerX layerx
PRO
0
770
[RSJ26] AnoleVLA: Lightweight Vision-Language-Action Model with Deep State Space Models for Mobile Manipulation
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
120

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
490
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
490
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
4
570
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
320
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
460
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.9k

Transcript

  1. None

  2. API Gateway Microservice Microservice Microservice DB DB DB SPA

  3. None

  4. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  5. Microservice API Gateway SPA Microservice Microservice DB DB DB ❌

    ❌ ❌ ❌ ❌

  6. Microservice API Gateway SPA Microservice Microservice DB DB DB SPA

    API Gateway

  7. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB
  8. None

  9. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  10. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB

  11. Dashboard Profile Profile μService DB Catalogue μService DB Catalogue Ordering

    Ordering μService DB Dashboard μService DB

  12. Dashboard Profile Catalogue Ordering Ordering Catalogue Hyperlink Hyperlink Dashboard One

    “Micro Frontend” per page. 2...n Micro Frontends per page.
  13. None

  14. ❌ ❌ ❌ ✔️ ✔️ ✔️

  15. None

  16. Article Article Article new Article Article Page Article Page Article

    Page Article Page Static Files Rebuild Angular Photon
  17. None

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

  19. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  20. None

  21. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  22. Server Browser

  23. None
  24. None

  25. <!–- SSIs --> <!--#include … --> <!--#include … -->

  26. None