Nuxt es un framework Vue full-stack que proporciona renderizado del lado del servidor, enrutamiento basado en archivos, autoimportaciones y un potente sistema de módulos. Utiliza Nitro como su motor de servidor para un despliegue universal en Node.js, serverless y plataformas edge.
La skill está basada en Nuxt 3.x, generada el 2026-01-28.
Core
| Tema | Descripción | Referencia |
|---|
| Estructura de Directorios | Estructura de carpetas del proyecto, convenciones, organización de archivos | core-directory-structure |
| Configuración | nuxt.config.ts, app.config.ts, configuración en tiempo de ejecución, variables de entorno | core-config |
| Comandos CLI | Servidor de desarrollo, compilación, generación, vista previa y comandos de utilidad | core-cli |
| Enrutamiento | Enrutamiento basado en archivos, rutas dinámicas, navegación, middleware, layouts | core-routing |
| Obtención de Datos | useFetch, useAsyncData, $fetch, caché, refresco | core-data-fetching |
| Módulos | Creación y uso de módulos Nuxt, utilidades Nuxt Kit | core-modules |
| Despliegue | Despliegue agnóstico con Nitro, Vercel, Netlify, Cloudflare | core-deployment |
Características
| Tema | Descripción | Referencia |
|---|
| Autoimportación de Composables | APIs de Vue, composables de Nuxt, composables personalizados, utilidades | features-composables |
| Autoimportación de Componentes | Nombrado de componentes, carga diferida, estrategias de hidratación | features-components-autoimport |
| Componentes Integrados | NuxtLink, NuxtPage, NuxtLayout, ClientOnly y más | features-components |
| Gestión de Estado | Composables useState, estado compatible con SSR, integración con Pinia | features-state |
| Rutas de Servidor | Rutas API, middleware de servidor, motor de servidor Nitro | features-server |
Renderizado
| Tema | Descripción | Referencia |
|---|
| Modos de Renderizado | Universal (SSR), lado del cliente (SPA), renderizado híbrido, reglas de ruta | rendering-modes |
Mejores Prácticas
| Tema | Descripción | Referencia |
|---|
| Patrones de Obtención de Datos | Obtención eficiente, caché, solicitudes paralelas, manejo de errores | best-practices-data-fetching |
| SSR e Hidratación | Evitar fugas de contexto, desajustes de hidratación, patrones de composables | best-practices-ssr |
Avanzado
| Tema | Descripción | Referencia |
|---|
| Capas | Extender aplicaciones con capas reutilizables | advanced-layers |
| Hooks del Ciclo de Vida | Hooks de tiempo de compilación, tiempo de ejecución y servidor | advanced-hooks |
| Creación de Módulos | Crear módulos Nuxt publicables con Nuxt Kit | advanced-module-authoring |