Does it include Vitest testing patterns?

The skill provides standardized Vitest configurations and mock patterns for testing Nuxt components, composables, and server-side routes.

Can I use this for Cloudflare-specific features?

Yes, it includes specialized configurations for Cloudflare Pages, Workers, and NuxtHub integrations, including D1, KV, and R2 bindings.

Does this skill support the latest Nuxt 4.x features?

Yes, it is updated to support the latest features like Abort Control for data fetching, async data handler extraction, and lazy hydration components.

How does this skill assist with Nuxt 4 migration?

It provides a step-by-step guide for updating dependencies, enabling compatibility mode, and automating the relocation of files to the new Nuxt 4 app/ directory structure.

How does it help fix hydration mismatches?

It offers specific code patterns for handling non-deterministic values (like Math.random) and browser-only APIs to ensure server and client render outputs are identical.

Nuxt 4 Production & Optimization

Name: Nuxt 4 Production & Optimization
Author: secondsky

bysecondsky

•

Despliegue y DevOps

Optimizes Nuxt 4 applications for production by resolving hydration issues, implementing performance best practices, and streamlining multi-platform deployments.

Acerca de

This skill provides a comprehensive toolkit for developers building high-performance Nuxt 4 applications, offering expert guidance on resolving tricky hydration mismatches, configuring Vitest for robust testing, and optimizing Core Web Vitals. It streamlines the deployment process across major cloud providers like Cloudflare, Vercel, and Netlify while providing a structured, automated path for migrating legacy Nuxt 3 projects to the modern Nuxt 4 directory architecture and reactivity model.

Características Principales

Pre-configured deployment workflows for Cloudflare Pages, Vercel, and Netlify
Expert hydration mismatch debugging and deterministic rendering patterns
Comprehensive Vitest configuration for components, composables, and API testing
21 GitHub stars
Performance optimization for Core Web Vitals, lazy hydration, and route caching
Step-by-step migration assistance for Nuxt 3 to Nuxt 4 transitions

Casos de Uso

Fixing non-deterministic SSR errors and 'Hydration node mismatch' warnings
Optimizing enterprise-grade Nuxt apps for peak performance and minimal bundle sizes
Restructuring legacy Nuxt 3 codebases into the modern Nuxt 4 app/ directory layout

Acerca de

Características Principales

Pre-configured deployment workflows for Cloudflare Pages, Vercel, and Netlify
Expert hydration mismatch debugging and deterministic rendering patterns
Comprehensive Vitest configuration for components, composables, and API testing
21 GitHub stars
Performance optimization for Core Web Vitals, lazy hydration, and route caching
Step-by-step migration assistance for Nuxt 3 to Nuxt 4 transitions

Casos de Uso

Fixing non-deterministic SSR errors and 'Hydration node mismatch' warnings
Optimizing enterprise-grade Nuxt apps for peak performance and minimal bundle sizes
Restructuring legacy Nuxt 3 codebases into the modern Nuxt 4 app/ directory layout