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.
The skill is based on Nuxt 3.x, generated at 2026-01-28.
Core
Topic
Description
Reference
Directory Structure
Project folder structure, conventions, file organization
Configuration
nuxt.config.ts, app.config.ts, runtime config, environment variables
CLI Commands
Dev server, build, generate, preview, and utility commands
Routing
File-based routing, dynamic routes, navigation, middleware, layouts
Data Fetching
useFetch, useAsyncData, $fetch, caching, refresh
Modules
Creating and using Nuxt modules, Nuxt Kit utilities
Deployment
Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare
Features
Topic
Description
Reference
Composables Auto-imports
Vue APIs, Nuxt composables, custom composables, utilities
Components Auto-imports
Component naming, lazy loading, hydration strategies
Built-in Components
NuxtLink, NuxtPage, NuxtLayout, ClientOnly, and more
State Management
useState composable, SSR-friendly state, Pinia integration
Server Routes
API routes, server middleware, Nitro server engine
Rendering
Topic
Description
Reference
Rendering Modes
Universal (SSR), client-side (SPA), hybrid rendering, route rules
Best Practices
Topic
Description
Reference
Data Fetching Patterns
Efficient fetching, caching, parallel requests, error handling
SSR & Hydration
Avoiding context leaks, hydration mismatches, composable patterns
Advanced
Topic
Description
Reference
Layers
Extending applications with reusable layers
Lifecycle Hooks
Build-time, runtime, and server hooks
Module Authoring
Creating publishable Nuxt modules with Nuxt Kit