Nuxt: Making an Extensible Meta Framework
summary
Nuxt claims three concrete extensibility axes and shows working examples: a hook library with console.createTask support, parallel/sequential runners and a debug API that surfaces hook stacks in DevTools; a pluggable runtime where Vite is default but bundlers like Webpack or a forthcoming Rspack can be swapped and Nitro/Vue power the runtime; and a modular ecosystem with a module builder, nkit and the nu modules repo — demoed by overriding the NWelcome component, adding Tailwind via nuxi and an unplugin transform that successfully replaces page text.
AI-written summary · about
chapters (10)
- 0:00Introduction and speaker intro
- 1:48What is Nuxt framework
- 3:13Making Nuxt extensible
- 4:57Hook system in Nuxt
- 7:43Pluggable architecture
- 9:33Layerable components
- 11:17Nuxt modules ecosystem
- 13:23Nuxt SDK for modules
- 14:50Live module creation demo
- 22:18Conclusion and resources
related talks
18mNuxt.js - Just Vue and a bit of magic?
44mNuxt.js - Why? How? Oh yeah!
23mMeta Vue Framework
33mNew Developer Experiences with Nuxt 3
27mNuxt 3 – More Than Vue 3 on Steroids
34mNuxt + Vue: The Game-Changer Your New Projects Deserve
35mFull stack development with Nuxt 3 and Nitro
22mDeep dive into Nuxt.js