Multi-variant apps with Nuxt 3
summary
Nuxt 3 adds an extends key that composes apps from local folders, npm packages or git repos into Nuxt layers using the tiny c12 helper. Layers provide full pages/components Auto Imports, TypeScript types and HMR, and layers can override previous layers, so a base app plus a customer layer yields per-customer pages, assets and component overrides. Demo shows a monorepo with base and customer apps running on localhost, working end to end; caveats: git sources don’t install deps, aliases in subapps and hook merging are not yet handled.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:05Multi-variant app challenges
- 3:55Nuxt 3 extends feature
- 7:47Live demo extends
- 13:51App config TS
- 15:36Extends limitations
- 17:25Future outlook and community involvement
- 19:08Summary extends
- 19:52Q&A
related talks
26mLayers Unwrapped: A Fresh Approach to Nuxt App Architecture
22mMulti-Tenant Frontend Architecture with Nuxt.js
36mEfficient multisite setup with Nuxt Layers
22mDeep dive into Nuxt.js
27mNuxt 3 – More Than Vue 3 on Steroids
18mNuxt.js - Just Vue and a bit of magic?
16mNuxt Architecture
21mHow to enable large scale collaboration between disciplines using Nuxt