Nuxt Layers
Production-ready Nuxt layers for building full-stack applications.
Nuxt Layers
A collection of production-ready Nuxt layers — 16 packages — built on Nuxt 4 and Nuxt UI v4. Each layer is independently installable and composable.
Packages
| Package | Version | Components | Description |
|---|---|---|---|
| nuxt-x-app | 0.6.0 | 149 | Admin dashboard components (prefix: XA) |
| nuxt-x-app-admin | 0.3.0 | 43 | Stripe, user admin, audit logs, impersonation |
| nuxt-x-app-formkit | 0.3.0 | 3 | FormKit modal, slideover, and file upload |
| nuxt-x-marketing | 1.3.0 | 67 | Marketing pages, blog, SEO components |
| nuxt-x-cards | 0.3.0 | 12 | Premium card library with cinematic image filters |
| nuxt-x-auth | 0.3.0 | 8 | Auth umbrella (Local, BetterAuth, Stack) |
| nuxt-x-auth-better | 0.5.0 | 7 | BetterAuth integration layer |
| nuxt-x-auth-local | 0.3.0 | 3 | Self-hosted JWT/Session auth |
| nuxt-x-auth-stack | 0.3.0 | 8 | Stack Auth integration layer |
| nuxt-x-neon-auth | 0.4.0 | 10 | Neon Auth integration |
| nuxt-x-restaurants | 0.10.0 | 48 | Restaurant directory components |
| nuxt-x-schema | 0.3.0 | 16 | Schema.org structured data |
| nuxt-x-blog | 0.2.0 | — | Blog layer with Nuxt Content v3 (in development) |
| nuxt-x-affiliate | 0.6.0 | — | Affiliate marketing layer (in development) |
| nuxt-x-tenancy | 0.1.0 | 2 | Multi-tenant resolution (prefix: XT) — path/subdomain/header strategies, X-Tenant-ID injection, per-tenant CRUD scoping |
| nuxt-x-billing | 0.1.0 | 4 | Stripe billing (prefix: XB) — useBilling, plan/feature gating, backend-contract driven |
Upgrading
All layers ride the hardening line (realigned to the npm published 0.x series on 2026-07-27; nuxt-x-marketing is on 1.x) — breaking changes are batched into minors ahead of a coordinated 2.0.0 cut across all layers. See Migrating to 2.0 for every breaking change to date and how to update.
Component Prefix Convention
| Layer | Prefix | Example |
|---|---|---|
| nuxt-x-app | XA | <XATable /> |
| nuxt-x-app-admin | XAdmin | <XAdminStripe /> |
| nuxt-x-app-formkit | XForm | <XFormModal /> |
| nuxt-x-marketing | XMark | <XMarkHero /> |
| nuxt-x-cards | XCard | <XCardHeroFullscreen /> |
| nuxt-x-auth | XAuth | <XAuthLogin /> |
| nuxt-x-restaurants | XRd | <XRdFilters /> |
| nuxt-x-schema | XSchema | <XSchemaProduct /> |
| nuxt-x-tenancy | XT | <XTTenantSwitcher /> |
| nuxt-x-billing | XB | <XBBillingGate /> |
Common Setup
All layers extend via nuxt.config.ts:
export default defineNuxtConfig({
extends: [
'@xenterprises/nuxt-x-app',
'@xenterprises/nuxt-x-auth-better',
'@xenterprises/nuxt-x-marketing',
]
})
Prerequisites
- Node.js 18+
- Nuxt 4.x
- Nuxt UI v4 (bundled in nuxt-x-app)