nuxt-patternslisted

Nuxt 3+ patterns covering rendering modes, data fetching (useFetch, useAsyncData, $fetch), server routes, SSR-safe state, file-based routing, Nitro runtime, and review checklist. Use whenever the project contains `nuxt.config.ts`, `nuxt.config.js`, `nuxt` in `package.json` dependencies, or `pages/`/`server/`/`composables/` directories at project root, OR the user asks about Nuxt, useFetch, useAsyncData, $fetch, server routes, Nitro, Nuxt SSR, even if Nuxt is not mentioned by name.
ku5ic/dotfiles · ★ 0 · Web & Frontend · score 72

Install: claude install-skill ku5ic/dotfiles

# Nuxt patterns Default assumption: Nuxt 4 (current stable, latest 4.4.x as of writing) with Universal Rendering (SSR). Nuxt 3 reached End-of-Life in mid-2024; legacy Nuxt 3 projects are still common and most patterns here apply, but the maintenance note below covers deltas. Verify the installed version via `nuxt --version` or `package.json`; minor-version deltas may affect module resolution and Nitro config. ## Severity rubric - `failure`: a concrete defect or violation that should not ship. - `warning`: a smell or pattern that compounds with other findings. - `info`: a hardening opportunity or note, not a defect. ## Reference files | File | Covers | | -------------------------------------------------------- | ----------------------------------------------------------------------------------- | | [reference/anti-patterns.md](reference/anti-patterns.md) | Severity-labeled anti-patterns: SSR state leakage, fetch dedup, runtimeConfig | | [reference/rendering.md](reference/rendering.md) | SSR, SPA, SSG, hybrid via `routeRules`, edge rendering | | [reference/data-fetching.md](reference/data-fetching.md) | `useFetch`, `useAsyncData`, `$fetch`, dedup, lazy fetching | | [reference/state.md](reference/state.md) | `useState` SSR-safety, module-level leakage, Pinia, compo