Launching a New Design System With Zero Downtime
summary
Launches a brand new design system on a high‑traffic site with zero downtime by building reusable Vue components, wrapping a feature‑toggle library as a Vue plugin, and validating changes in production via feature flags and continuous QA on preview URLs. Work spans just over a month, yields a ~50‑line release PR that becomes a single PR flip at launch, uses CSS variables for per‑page theming and the Contentful Image API plus lazy loading for faster pages, and records no outages or engagement drops.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:13Agenda
- 2:15Pre-launch
- 7:28Defining success
- 8:36Vue Specifics
- 19:29Continuous QA
- 21:01Post-launch
related talks
49mA Better Design-Dev Handoff Experience: Code-based Design System
31m'I need it yesterday!' - The secret story of MDS
41mBuilding a design system with React in 2025, what's new?
28mA design system. A year in review
35mBuilding effective design systems in Vue, React or whatever
01h 04mBuilding Design Systems for Scale: From Tokens and Components to Motion & AI Tools
27mAccelerating Development using UI frameworks
10mSub-second Vue