Micro Frontends with Vue.js
summary
PMLAB decomposes a monolithic Backoffice into Vue.js micro frontends that keep routing in a shell while teams deploy parts independently. They implement a manifest-based loader to fetch hashed JS/CSS, a tiny runtime exposing render/destroy methods, and use Storybook for isolated components; semantic-release with commit-message conventions generates versions and changelogs, a release-manager UI pins per-user versions, and New Relic reports per-microfrontend errors. Proofs of concept become release candidates; migrating one section takes ~1 day and building a new microfrontend ~5 days.
AI-written summary · about
chapters (10)
- 0:00Micro frontends intro
- 9:17Monolithic frontend problems
- 13:21Approach and steps
- 22:57Micro frontend challenges
- 25:53Solution architecture
- 33:50Local dev and deployment
- 37:44Production monitoring
- 40:55Project results
- 43:46Best practices
- 47:19Q&A
related talks
31mMicro Frontends: The Good, the Bad, and the Ugly
25mMicro Frontend: a microservice architecture from your frontend web apps
33mMicro Frontend Architecture
21mMicro-frontends: 3 years ago
36mMicro Frontends - Breaking Monoliths
29mMicro Frontends, how to evolve to an extensible frontend
57mMicro Frontends – a strive for fully verticalized systems
48mMicrofrontend Architecture – technical implementation.