nuxt-production

Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. Use when: debugging hydration mismatches, optimizing performance and Core Web Vitals, writing tests with Vitest, deploying to Cloudflare Pages/Workers/Vercel/Netlify, or migrating from Nuxt 3 to Nuxt 4. Keywords: hydration, hydration mismatch, ClientOnly, SSR, performance, lazy loading, lazy hydration, Vitest, testing, deployment, Cloudflare Pages, Cloudflare Workers, Vercel, Netlify, NuxtHub, migration, Nuxt 3 to Nuxt 4

1.42x

Quality

100%

Does it follow best practices?

Impact

100%

1.42x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

58%

SSR Hydration Errors in Production Dashboard

Hydration mismatch fixes

Criteria

Without context

With context

useState for sessionId

100%

useState for loginTime

100%

Chart.js in onMounted

100%

ClientOnly for chart

100%

ClientOnly fallback slot

100%

No bare window access

100%

v-show for responsive nav

100%

No bare localStorage access

100%

Reactive isMobile ref

100%

hydration-fixes.md present

100%

onUnmounted cleanup

100%

10%

Setting Up Automated Testing for a Nuxt 4 Application

Vitest testing setup

Criteria

Without context

With context

defineVitestConfig import

100%

environment: 'nuxt'

100%

domEnvironment: 'happy-dom'

100%

mountSuspended usage

100%

mockNuxtImport for useFetch

100%

test script in package.json

100%

correct dev deps

100%

composable tests present

100%

add-to-cart emission test

100%

loading state test

100%

22%

Migrating a Nuxt App to Cloudflare Workers with Database and Cache

Cloudflare Workers deployment config

Criteria

Without context

With context

cloudflare-module preset

100%

compatibility_date correct

100%

nodejs_compat flag

100%

D1 binding in wrangler

100%

KV binding in wrangler

100%

R2 binding in wrangler

100%

No Prisma in server route

100%

nitro-cloudflare-dev module

100%

secrets via wrangler

100%

useRuntimeConfig for secrets

100%

main entry in wrangler

100%

Repository: secondsky/claude-skills
Commit: 90d6bd7

Evaluated: 29 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

SSR Hydration Errors in Production Dashboard Setting Up Automated Testing for a Nuxt 4 Application Migrating a Nuxt App to Cloudflare Workers with Database and Cache

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.