Introduction to Nuxt Global Modules

on YouTube ↗20m

" summary

A working Nuxt global module is built live: a module that prints module documentation links on dev server start, registered once in the nextrc file so it affects every local Nuxt project without changing project code or the final site. Implementation uses Node path APIs, the rc9 library to read/write nextrc, a small node CLI wired via package.json bin and a hashbang, and is published to npm — it installs and toggles globally across machines.

AI-written summary · about

" chapters (7)

1. 0:00Nuxt Global Modules intro
2. 2:41What are Nuxt modules
3. 4:46Global modules explained
4. 7:36Making a module global
5. 11:48CLI for global modules
6. 16:26Shipping the global module to npm
7. 18:32Key takeaways

" related talks

• 23mNuxt: Making an Extensible Meta FrameworkDaniel Roe · ViteConf 2023
• 37mModules for JS.nextDave Herman · JSConf US 2011
• 19mModule FrontiersJames Burke · dotJS 2013
• 43mA New Nuxt - Release of Nuxt v3.8Daniel Roe · Nuxt Nation 2023
• 22mNuxt.js as a headless CMSDebbie O'Brien · Vue.js Global 2020
• 16mCreating custom DevTools for your appPaul Melero · Nuxt Nation 2022
• 24mMaking small modules actually work with webpack and npmLin Clark · React Rally 2015
• 17mState of Nuxt3Pooya Parsa · Vuejs Amsterdam 2021