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

Micro Frontends

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

Micro Frontends

Avatar for SQUER Solutions

SQUER Solutions

November 07, 2019
Tweet

More Decks by SQUER Solutions

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

Other Decks in Technology

See All in Technology
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
100
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
Avatar for Riotaro OKADA okdt
PRO
3
590
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
530
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
データ民主化のための LLM 活用状況と課題紹介（IVRy の場合）
Avatar for 和田 悠佑 wxyzzz
2
700
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
210
広告の効果検証を題材にした因果推論の精度検証について
Avatar for ZOZO Developers zozotech
PRO
0
150
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
150
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
420
AIエージェントを開発しよう！-AgentCore活用の勘所-
Avatar for YukiOgawa yukiogawa
0
140
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
49
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.9k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210

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