Introduction to Nuxt Modules

on YouTube ↗26m

" summary

Builds a Nuxt module from scratch that adds routes and pages inside a modules folder, uses axios to fetch five albums from JSONPlaceholder and generates five static routes, exposes a customizable path name via module options and injects module options via a client plugin using EJS, creates a dynamic _id page and uses store.registerModule to inject a Vuex module, demonstrates yarn dev and yarn generate and shows the approach works end to end and that the ecosystem lists 169 official modules.

AI-written summary · about

" chapters (6)

1. 0:00Nuxt modules intro
2. 2:19Nuxt module capabilities
3. 4:08Build Nuxt module from scratch
4. 14:52Module options for customization
5. 23:38Inject Vuex store via module
6. 25:49Official Nuxt modules

" related talks

• 49mLet's Build: Crafting a Nuxt 3 App from ScratchDaniel Roe · Vue.js Nation 2024
• 22mNuxt.js as a headless CMSDebbie O'Brien · Vue.js Global 2020
• 50mVue.js - Power and FlexibilityPratik Patel · Jfokus 2019
• 55mNuxt.js: isomorphic Vue.js Apps made easy, fast and funDavid Guijarro · iJS London 2019
• 23mNuxt: Making an Extensible Meta FrameworkDaniel Roe · ViteConf 2023
• 38mBeyond Static: Building with Nuxt 3 and NitroDaniel Roe · Nuxt Nation 2022
• 12mLet's Vue Like It's 1999Mike Dodge · Vueconf.US 2020
• 34mNuxt + Vue: The Game-Changer Your New Projects DeserveDaniel Kelly · Frontend Nation 2024