Efficient multisite setup with Nuxt Layers
summary
Concrete recipe for one codebase deployed as separate sites using Nuxt Layers: use inheritance-based file overrides to stack a base layer with per-store layers, pick the active site via an ENV var, and override only files you need. Normalize vendor APIs into a shared product shape so one product component serves Shopify/Vendure data, and isolate theme differences with per-store CSS variables plus separate CSS files. Repo with the minimal example is published.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 4:13Multi-site efficiency problem
- 9:12Composable architecture benefits
- 13:49Solution: inheritance and layers
- 18:02Live demo: multi-site setup
- 28:52Key takeaways and Next.js
- 29:12Q&A
related talks
24mMulti-variant apps with Nuxt 3
26mLayers Unwrapped: A Fresh Approach to Nuxt App Architecture
22mMulti-Tenant Frontend Architecture with Nuxt.js
21mHow to enable large scale collaboration between disciplines using Nuxt
38mLarge Scale Nuxt Architecture
30mImplementing an eCommerce online shop in no time using a boilerplate approach
35mA multisite Vue3 application for a multitenant enviromnent: a survival guide
22mWays to architecture your vue/nuxt app