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
入社1ヶ月でデータパイプライン講座を作った話
Avatar for Yuta Ozaki waiwai2111
1
270
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
1
170
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
320
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3.1k
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
350
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
0
200
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
150
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
200
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
140
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
Avatar for Shun bbqallstars
4
1.8k
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
Avatar for TonyTonyKun thara0402
0
160

Featured

See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
120
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
47
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
53
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k

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