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

•

部署与 DevOps

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

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.

主要功能

01Pre-configured deployment workflows for Cloudflare Pages, Vercel, and Netlify

02Expert hydration mismatch debugging and deterministic rendering patterns

03Comprehensive Vitest configuration for components, composables, and API testing

0421 GitHub stars

05Performance optimization for Core Web Vitals, lazy hydration, and route caching

06Step-by-step migration assistance for Nuxt 3 to Nuxt 4 transitions

使用场景

01Fixing non-deterministic SSR errors and 'Hydration node mismatch' warnings

02Optimizing enterprise-grade Nuxt apps for peak performance and minimal bundle sizes

03Restructuring legacy Nuxt 3 codebases into the modern Nuxt 4 app/ directory layout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills nuxt-production

For use in Claude.ai and ChatGPT

Download Skill