nuxt-docs
Installation
SKILL.md
Nuxt 4.x Skill
Overview
Nuxt is a free and open-source framework for creating type-safe, performant, and production-grade full-stack web applications with Vue.js. It provides an intuitive and extendable way to build SSR (Server-Side Rendering) applications with conventions and automation that let developers focus on features.
- Official Docs: https://nuxt.com/docs/4.x
- Version: 4.x
- Runtime: Node.js 22.x+, Bun, Deno
- Build Tool: Vite (default), Webpack, Rspack
- Server Engine: Nitro (h3-based)
Quick Reference
| File | Topics |
|---|---|
| getting-started.md | Installation, configuration, directory structure, routing, data fetching, state management, styling, SEO/meta, error handling, deployment, components, composables, plugins, pages, layouts, middleware, assets, shared directory, app.vue, layers, views, transitions, server (Nitro), upgrade guide, .env file, package.json, nuxt.config.ts |
| api.md | nuxt.config.ts options, composables (useFetch, useAsyncData, useState, useRuntimeConfig, useRoute, useHead, useSeoMeta, useCookie, useRequestHeaders, useRequestFetch, useRequestEvent, useRequestURL, useResponseHeader, useRouter, useLoadingIndicator, usePreviewMode, useServerSeoMeta, useHeadSafe, useAppConfig, useNuxtApp, createUseAsyncData, createUseFetch, onPrehydrate, useAnnouncer, useError, useHydration, useLayout, useLazyAsyncData, useLazyFetch, useNuxtData, useRequestHeader, useRuntimeHook, useRouteAnnouncer), components (NuxtLink, NuxtPage, NuxtLayout, ClientOnly, NuxtIsland, NuxtLoadingIndicator, NuxtRouteAnnouncer, NuxtErrorBoundary, DevOnly, NuxtClientFallback, NuxtPicture, NuxtImg, Teleport, NuxtTime, NuxtAnnouncer, NuxtWelcome), utils ($fetch, definePageMeta, createError, showError, clearError, navigateTo, callOnce, updateAppConfig, defineNuxtRouteMiddleware, defineNuxtPlugin, defineNitroPlugin, refreshNuxtData, reloadNuxtApp, abortNavigation, setPageLayout, onNuxtReady, preloadRouteComponents, addRouteMiddleware, preloadComponents, prerenderRoutes, defineNuxtComponent, isHydrating), CLI commands (dev, build, generate, preview, typecheck, prepare, analyze, info, upgrade, cleanup, devtools, build-module, test, module, add, init), Nuxt Kit API (defineNuxtModule, installModule, addPlugin, addPluginTemplate, addComponent, addComponentsDir, addServerHandler, addDevServerHandler, useNitro, addServerPlugin, addPrerenderRoutes, addServerImports, addServerImportsDir, addServerScanDir, useNuxt, tryUseNuxt, extendPages, extendRouteRules, addRouteMiddleware, getLayerDirectories), server routes, custom $fetch |
| guides.md | Rendering modes (SSR/CSR/hybrid/edge), Nitro server engine, auto-imports, modules, layers authoring, prerendering, error handling, deployment, testing, experimental features, lifecycle hooks (app/build/server), runtime config, custom routing, NuxtApp context, Nuxt internals, debugging, sessions & authentication, Vite plugins, Nuxt Kit, nightly release channel, Nuxt lifecycle (server/client), TypeScript, code style (ESLint), hydration best practices, performance best practices, plugin best practices, AI integration (MCP server, LLMs.txt), custom events, features config, module author guide (getting started, anatomy, recipes, dependencies, hooks/types, testing, best practices, ecosystem) |