nuxt

name	nuxt
description	Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.
metadata	{"author":"Anthony Fu","version":"2026.1.28","source":"Generated from https://github.com/nuxt/nuxt, scripts located at https://github.com/antfu/skills"}

Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms.

Baseline: Nuxt 4 (4.4.x as of 2026-07). Nuxt 3 reaches end-of-life on 2026-07-31 — treat any Nuxt 3 project as migration work. Nuxt 5 (Nitro v3) is announced but not yet released. For Nuxt 4 structure changes (app/ directory, data-fetching defaults) read nuxt4-migration FIRST; the other references cover concepts shared by Nuxt 3/4.

Nuxt 4

Topic	Description	Reference
Nuxt 4 Changes & Migration	app/ directory, shallow data refs, TS project references, upgrade path from Nuxt 3	nuxt4-migration

Core

Topic	Description	Reference
Directory Structure	Project folder structure, conventions, file organization	core-directory-structure
Configuration	nuxt.config.ts, app.config.ts, runtime config, environment variables	core-config
CLI Commands	Dev server, build, generate, preview, and utility commands	core-cli
Routing	File-based routing, dynamic routes, navigation, middleware, layouts	core-routing
Data Fetching	useFetch, useAsyncData, $fetch, caching, refresh	core-data-fetching
Modules	Creating and using Nuxt modules, Nuxt Kit utilities	core-modules
Deployment	Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare	core-deployment

Features

Topic	Description	Reference
Composables Auto-imports	Vue APIs, Nuxt composables, custom composables, utilities	features-composables
Components Auto-imports	Component naming, lazy loading, hydration strategies	features-components-autoimport
Built-in Components	NuxtLink, NuxtPage, NuxtLayout, ClientOnly, and more	features-components
State Management	useState composable, SSR-friendly state, Pinia integration	features-state
Server Routes	API routes, server middleware, Nitro server engine	features-server

Rendering

Topic	Description	Reference
Rendering Modes	Universal (SSR), client-side (SPA), hybrid rendering, route rules	rendering-modes

Best Practices

Topic	Description	Reference
Data Fetching Patterns	Efficient fetching, caching, parallel requests, error handling	best-practices-data-fetching
SSR & Hydration	Avoiding context leaks, hydration mismatches, composable patterns	best-practices-ssr

Advanced

Topic	Description	Reference
Layers	Extending applications with reusable layers	advanced-layers
Lifecycle Hooks	Build-time, runtime, and server hooks	advanced-hooks
Module Authoring	Creating publishable Nuxt modules with Nuxt Kit	advanced-module-authoring