nuxt
Crear aplicaciones Nuxt 4+
متاح أيضًا من: antfu
Los desarrolladores necesitan orientación sobre los patrones de Nuxt 4 para rutas del servidor, enrutamiento basado en archivos, middleware, complementos y configuración. Esta habilidad proporciona documentación de referencia progresiva con las últimas convenciones de Nuxt y ejemplos.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "nuxt". Crear una ruta del servidor de Nuxt 4 con validación Zod
النتيجة المتوقعة:
- Crear el archivo de ruta: server/api/users.ts
- Importar Zod y definir esquema de entrada con z.object()
- Usar readBody() o getQuery() para obtener la entrada
- Validar con schema.parse() y devolver errores de validación
- Devolver respuesta tipada con códigos de estado adecuados
استخدام "nuxt". Configurar middleware de autenticación global
النتيجة المتوقعة:
- Crear middleware/auth.global.ts
- Usar defineNuxtRouteMiddleware() para seguridad de tipos
- Verificar estado de autenticación desde tienda o sesión
- Devolver navigateTo() para redirecciones (no router.push())
- Exportar función por defecto para compatibilidad Nuxt 4
التدقيق الأمني
آمنDocumentation-only skill containing markdown reference files for Nuxt 4+ development. All static findings are false positives from markdown code examples. No executable code, network calls, or credential access.
عوامل الخطر
🌐 الوصول إلى الشبكة (5)
📁 الوصول إلى نظام الملفات (1)
درجة الجودة
ماذا يمكنك بناءه
Crear endpoints de API
Construir rutas del servidor con validación, soporte WebSocket y SSE usando helpers de h3 y patrones de Nitro.
Configurar enrutamiento y middleware
Configurar enrutamiento basado en archivos, grupos de rutas, middleware de autenticación y guardias de navegación.
Configurar proyectos Nuxt
Configurar nuxt.config.ts con módulos, configuración de tiempo de ejecución, autoimportaciones y capas del proyecto.
جرّب هذه الموجهات
Necesito crear una ruta del servidor de Nuxt 4 en /api/users que devuelva una lista de usuarios con validación. Cargar references/server.md para patrones de validación de h3 y estructura de ruta adecuada.
Quiero agregar middleware de autenticación que redirija a usuarios no autenticados. Cargar references/middleware-plugins.md para ver patrones de middleware de Nuxt 4 y middleware global vs con nombre.
¿Cómo configuro runtimeConfig en nuxt.config.ts para acceder a variables de entorno en el lado del servidor? Mostrar patrones de references/nuxt-config.md para configuración privada y pública.
Necesito hacer una petición fetch en mi página de Nuxt. Cargar references/nuxt-composables.md para ver cómo funciona useFetch y consideraciones adecuadas de SSR.
أفضل الممارسات
- Usar exportaciones con nombre para middleware de rutas en lugar de global, a menos que sea realmente global
- Devolver navigateTo() desde middleware, nunca usar router.push() directamente
- Validar entradas de API con esquema Zod en el nivel del controlador de ruta
- Usar useFetch() con claves adecuadas para obtener datos con SSR y caché
تجنب
- Usar Vue 3 router.push() en lugar de navigateTo() en middleware
- Saltarse la validación de entradas en rutas del servidor
- Mezclar código solo del cliente y del servidor sin uso adecuado de runtimeConfig
- No usar sufijo .global.ts para middleware global