·nuxt-v4
""

nuxt-v4

Desarrollo de framework Nuxt 4 listo para producción con SSR, componentes componibles, obtención de datos, rutas de servidores e implementación de Cloudflare. Úselo cuando: cree aplicaciones Nuxt 4, implemente patrones SSR, creación de elementos componibles, rutas de servidor, middleware, recuperación de datos, gestión de estado, depuración de problemas de hidratación, implementación en Cloudflare, optimizar el rendimiento o configurar pruebas con Vitest. Palabras clave: Nuxt 4, Nuxt v4, SSR, renderizado universal, Nitro, Vue 3, useState, useFetch, useAsyncData, $fetch, elementos componibles, importaciones automáticas, middleware, rutas de servidor, rutas API, hidratación, enrutamiento basado en archivos, directorio de aplicaciones, SEO, metaetiquetas, useHead, useSeoMeta, transiciones, manejo de errores, configuración de tiempo de ejecución, páginas de Cloudflare, trabajadores de Cloudflare, NuxtHub, Activos de los Trabajadores, D1, KV, R2, Objetos Duraderos, Vitest, testing, optimización del rendimiento, carga diferida, división de código, renderizado previo, capas, módulos, complementos, Vite, TypeScript, falta de coincidencia de hidratación, reactividad superficial, claves reactivas, patrón singleton, defineNuxtConfig, defineEventHandler, navega a, definePageMeta, usaRuntimeConfig, app.vue, directorio del servidor, directorio público, directorio de activos

12Instalaciones·0Tendencia·@christowles

Instalación

$npx skills add https://github.com/christowles/blog --skill nuxt-v4

Cómo instalar nuxt-v4

Instala rápidamente el skill de IA nuxt-v4 en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/christowles/blog --skill nuxt-v4
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: christowles/blog.

SKILL.md

Ver original

Production-ready patterns for building modern Nuxt 4 applications with SSR, composables, server routes, and Cloudflare deployment.

| nuxt | 4.0.0 | 4.2.x | | vue | 3.5.0 | 3.5.x | | nitro | 2.10.0 | 2.10.x | | vite | 6.0.0 | 6.0.x | | typescript | 5.0.0 | 5.x |

Key Change in v4: The app/ directory is now the default srcDir. All app code goes in app/, server code stays in server/.

Desarrollo de framework Nuxt 4 listo para producción con SSR, componentes componibles, obtención de datos, rutas de servidores e implementación de Cloudflare. Úselo cuando: cree aplicaciones Nuxt 4, implemente patrones SSR, creación de elementos componibles, rutas de servidor, middleware, recuperación de datos, gestión de estado, depuración de problemas de hidratación, implementación en Cloudflare, optimizar el rendimiento o configurar pruebas con Vitest. Palabras clave: Nuxt 4, Nuxt v4, SSR, renderizado universal, Nitro, Vue 3, useState, useFetch, useAsyncData, $fetch, elementos componibles, importaciones automáticas, middleware, rutas de servidor, rutas API, hidratación, enrutamiento basado en archivos, directorio de aplicaciones, SEO, metaetiquetas, useHead, useSeoMeta, transiciones, manejo de errores, configuración de tiempo de ejecución, páginas de Cloudflare, trabajadores de Cloudflare, NuxtHub, Activos de los Trabajadores, D1, KV, R2, Objetos Duraderos, Vitest, testing, optimización del rendimiento, carga diferida, división de código, renderizado previo, capas, módulos, complementos, Vite, TypeScript, falta de coincidencia de hidratación, reactividad superficial, claves reactivas, patrón singleton, defineNuxtConfig, defineEventHandler, navega a, definePageMeta, usaRuntimeConfig, app.vue, directorio del servidor, directorio público, directorio de activos Fuente: christowles/blog.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/christowles/blog --skill nuxt-v4
Categoría
""Escritura
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from christowles/blog

Respuestas rápidas

¿Qué es nuxt-v4?

Desarrollo de framework Nuxt 4 listo para producción con SSR, componentes componibles, obtención de datos, rutas de servidores e implementación de Cloudflare. Úselo cuando: cree aplicaciones Nuxt 4, implemente patrones SSR, creación de elementos componibles, rutas de servidor, middleware, recuperación de datos, gestión de estado, depuración de problemas de hidratación, implementación en Cloudflare, optimizar el rendimiento o configurar pruebas con Vitest. Palabras clave: Nuxt 4, Nuxt v4, SSR, renderizado universal, Nitro, Vue 3, useState, useFetch, useAsyncData, $fetch, elementos componibles, importaciones automáticas, middleware, rutas de servidor, rutas API, hidratación, enrutamiento basado en archivos, directorio de aplicaciones, SEO, metaetiquetas, useHead, useSeoMeta, transiciones, manejo de errores, configuración de tiempo de ejecución, páginas de Cloudflare, trabajadores de Cloudflare, NuxtHub, Activos de los Trabajadores, D1, KV, R2, Objetos Duraderos, Vitest, testing, optimización del rendimiento, carga diferida, división de código, renderizado previo, capas, módulos, complementos, Vite, TypeScript, falta de coincidencia de hidratación, reactividad superficial, claves reactivas, patrón singleton, defineNuxtConfig, defineEventHandler, navega a, definePageMeta, usaRuntimeConfig, app.vue, directorio del servidor, directorio público, directorio de activos Fuente: christowles/blog.

¿Cómo instalo nuxt-v4?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/christowles/blog --skill nuxt-v4 Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/christowles/blog