Nuxt 4
Nuxt — templates and features (2026-10-18)
Scope: Nuxt template catalogue and feature set for the vhost product line.
Feeds yukonit-admin-backend-study.md and services-pricing-model-aud.md.
Nuxt — templates and features (2026-10-18)
Scope: Nuxt template catalogue and feature set for the vhost product line.
Feeds yukonit-admin-backend-study.md and services-pricing-model-aud.md.
1. Templates (Nuxt official + Nuxt UI Pro)
Nuxt official templates
| Template | Repo | What it gives | Licence | Fit |
|---|---|---|---|---|
| Docus | nuxt/docus | Markdown-based docs site, Nuxt Content + Nuxt UI | MIT | KB site for all tenants (already running docs.youngle.au) |
| Nuxt Starter | nuxt/starter | bare Nuxt 4 scaffold | MIT | base for custom apps |
| Nuxt Content | nuxt/content | file-based CMS, Markdown + MDC components | MIT | KB content layer |
Nuxt UI Pro templates
| Template | What it gives | Licence | Fit |
|---|---|---|---|
| Dashboard | multi-column layout, charts, date pickers, resizable panels, command palette, sidebar nav | MIT | admin backend (Option 1) — YukonIT ops console |
| SaaS | landing + pricing + docs + blog + auth pages | MIT | client portal / subscription landing |
| Landing | marketing landing page, hero, features, pricing, CTA | MIT | business landing pages (entry tier) |
| Portfolio | projects, blog, speaking, about sections | MIT | agency/portfolio clients |
| Chat | AI chat interface, streaming, message history | MIT | EVE chat widget surface |
Vercel-deployed templates (Nuxt on Vercel)
| Template | What it gives | Licence | Fit |
|---|---|---|---|
| Nuxt.js 3 Boilerplate | Nuxt 3 on Vercel, zero-config | MIT | reference |
| Alpine | minimalist blog theme | MIT | lightweight client sites |
| Content Wind | Markdown-driven personal website | MIT | simple client KB |
2. Feature catalogue (Nuxt 4)
Core framework
- Vue 3 (Composition API,
<script setup>) - TypeScript (first-class, auto-generated types)
- File-based routing (pages/, layouts/, middleware/)
- Auto-imports (components, composables, utils — no import statements)
- Server-side rendering (SSR) + static site generation (SSG) + hybrid
- Nitro server (H3, server routes, API handlers, middleware)
- Nuxt Content (file-based CMS, Markdown, MDC, query API)
- Nuxt UI (100+ components, Tailwind 4, dark mode, accessibility)
- Nuxt Image (optimized images, responsive, lazy loading)
- Nuxt DevTools (component inspector, timeline, performance)
Data & state
- useFetch / useAsyncData (SSR-aware data fetching)
- useState (SSR-safe shared state)
- Pinia (state management, official module)
- Server API routes (
server/api/,server/routes/)
SEO & performance
- useHead / useSeoMeta (meta tags, OG, Twitter cards)
- Prerendering (crawl links, fail-on-error, auto-subfolder index)
- Image optimization (WebP/AVIF, responsive sizes, lazy loading)
- Code splitting (automatic per-route)
- Tree shaking (unused code elimination)
Developer experience
- Hot module replacement (HMR) in dev
- ESLint (auto-configured)
- TypeScript strict mode (auto-generated route types)
- Module ecosystem (100+ official + community modules)
- DevTools (timeline, component tree, state inspector)
Deployment
- Nitro presets (node, vercel, netlify, cloudflare, static, etc.)
- Docker (self-hosted, our pattern)
- Vercel (zero-config)
- Cloudflare Pages (edge)
3. What we sell (product mapping)
| Product | Nuxt template base | Tenant-facing? | Phase |
|---|---|---|---|
| KB website | Docus (Nuxt Content + Nuxt UI) | yes | P1 |
| Business landing | Nuxt UI Pro Landing | yes | P1 |
| SaaS portal | Nuxt UI Pro SaaS | yes | P2 |
| Admin console | Nuxt UI Pro Dashboard | yes (staff) | P2 |
| Chat widget | Nuxt UI Pro Chat | yes | P3 |
| Portfolio | Nuxt UI Pro Portfolio | yes | P2 |
| EVE receptionist UI | Nuxt UI Pro Chat + Docus | yes | P3 |
4. Licence
- Nuxt core: MIT — sellable
- Nuxt UI: MIT — sellable
- Nuxt UI Pro: MIT — sellable (no per-seat, no revenue share)
- Nuxt Content: MIT — sellable
- Docus: MIT — sellable
End-to-end licence-clean. No commercial gate.
5. Open items
- Docus version pin — currently
latestin docs-site; pin to a stable version - Nuxt 4 migration — docs-site already on Nuxt 4.4.8; verify all components
- Nuxt UI Pro licence — confirm no redistribution restriction for client builds
- Performance baseline — measure build time per tenant site on Oracle ARM
- Nuxt devtools — disable in production builds (security)