Creating custom DevTools for your app
summary
Builds a Nuxt module that injects a small in-app UI, exposes module options to runtime config, and creates a reactive, getter-backed config that the UI edits live; configuration persists to localStorage and changes immediately (example: toggle a todo button color or enable/disable feature flags). Covers options for dynamic URLs and URL parameters, shows how to intercept or mock requests and recommends integrating mock service worker (MSW) for preset HTTP responses.
AI-written summary · about
chapters (11)
- 0:00Start
- 2:00Beta testing / Build
- 2:24A/B tests (sample)
- 2:36Deploy with no risk
- 2:55Rollback without code changes
- 3:12Perf profiling (sample)
- 3:32Kill switches
- 3:46Maintenance mode
- 6:35Make Your Own Tools
- 6:47Implementation
- 7:34Nuxt (3) Module Builder
related talks
40mNow, and the Future of Nuxt DevTools
24mDeveloper Experience with Nuxt
29mCustom Dev Tools to Supercharge Your Team's Productivity
50mExtensible devtools
50mModern Web Debugging
33mNuxt's Hidden Treasures: 8 Gems Every Nuxt Dev Should Know!
33mNew Developer Experiences with Nuxt 3
23mNuxt: Making an Extensible Meta Framework