Lightning talk: Domain Driven Design & Nuxt
summary
Shows how to structure a large Nuxt app using Domain Driven Design by splitting features into independent Nuxt modules that bundle components, routes and stores. Demonstrates an index installer that runs at build time (Node) and auto-registers components and routes, a Vuex module registration pattern that namespaces modules and registers the booking module in asyncData then unregisters it on unmount, and route extension via module. Claims improved maintainability and smaller runtime footprint.
AI-written summary · about
chapters (10)
- 0:00Domain Driven Design & Nuxt
- 1:13Structuring large Nuxt apps
- 2:15Core DDD concepts
- 3:19Bounded contexts in DDD
- 4:01Biking agency app example
- 5:26Scattered project structures
- 6:08Nuxt modules for modularity
- 7:54Module registration demo
- 9:16Stores & plugins in modules
- 9:59Q&A
related talks
32mDungeon Mastering Your Vue App From Chaos to Order
38mLarge Scale Nuxt Architecture
22mWays to architecture your vue/nuxt app
21mHow to enable large scale collaboration between disciplines using Nuxt
37mPatterns for Large Scale Vue.js Applications
26mLayers Unwrapped: A Fresh Approach to Nuxt App Architecture
23mSuperpositioned Vue componentes with Module Federation
26mA modular approach to building large-scale apps with Vue by Kunal Varma