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 is in maintenance until 2026-07-31 and still receives bug fixes and security patches; 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 Severity rubric: matches `rules/markdown-report.md` (failure/warning/info). ## 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, composables | | [reference/routing.md](reference/