skills.rest
asonnleitner
asonnleitnerCOMMUNITY
Explore all skills by this author →
GitHub

nuxt-production

Optimize Nuxt 4 apps with actionable strategies for speed, including lazy loading and image optimization, backed by unit tests.

Updated Aug 27, 2026
Search Tags:#vitest#testing#performance#deployment#optimization#nuxt#nuxt 4
One-click install
npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-production
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-production
Source: https://github.com/asonnleitner/filipsbarbershop/tree/main/.claude/skills/nuxt-production
Command: npx skills add https://github.com/asonnleitner/filipsbarbershop --skill nuxt-production

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you optimize your Nuxt 4 application for production, ensuring peak performance, robust testing, and seamless deployment across various platforms.

Core Features & Use Cases

  • Performance Optimization: Improve Core Web Vitals, implement lazy loading and hydration.
  • Testing: Write effective tests with Vitest for components and server routes.
  • Deployment: Deploy to Cloudflare, Vercel, Netlify, and more.
  • Migration: Guide for migrating from Nuxt 3 to Nuxt 4.
  • Use Case: You're experiencing slow load times on your Nuxt app. This Skill provides strategies for lazy loading components and optimizing images to improve performance.

Quick Start

Use the nuxt-production skill to optimize the performance of my Nuxt 4 application.

Frequently Asked Questions about nuxt-production

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize my Nuxt 4 application for production performance?▼

To optimize Nuxt 4 for production, implement lazy loading for components, optimize images, and apply advanced hydration techniques to improve Core Web Vitals and resolve slow load times.

What's the best way to migrate from Nuxt 3 to Nuxt 4?▼

Migrating from Nuxt 3 to Nuxt 4 requires following a structured migration guide to update your application architecture, ensuring compatibility with new performance tuning and deployment features.

How do I write tests for Nuxt 4 components and server routes?▼

You can write tests for Nuxt 4 components and server routes by integrating Vitest into your development workflow, providing robust testing coverage for your application's logic.

Can I deploy a Nuxt 4 application to Cloudflare, Vercel, and Netlify?▼

Yes, Nuxt 4 applications can be deployed across multiple platforms including Cloudflare, Vercel, and Netlify using specific deployment strategies tailored for each hosting environment.

How does hydration work when tuning Nuxt performance?▼

Hydration in Nuxt performance tuning involves optimizing how client-side JavaScript attaches to server-rendered HTML, utilizing advanced techniques to reduce load times and improve Core Web Vitals.

Do I need Vitest to test my Nuxt server routes?▼

Vitest is the recommended integration for testing Nuxt server routes and components, enabling you to write effective tests that validate your application's backend logic and UI behavior.

Related Skills

Explore More Software Engineering Skills→
deomiarndeomiarn

final-checklist

Automate pre-launch website verification across SEO, accessibility, and deployment workflows.

Community
Intermediate
JacbKJacbK

deploy

Automate portfolio deployment to Vercel, Netlify, Cloudflare Pages, GitHub Pages, and Docker.

Community
Advanced
kobogithubkobogithub

astro-performance

Optimize Astro applications for Core Web Vitals and build performance.

Community
Advanced
windyskywindysky

moai-docs-generation

Generate documentation patterns from code for Sphinx, MkDocs, TypeDoc, and Nextra.

Community
Advanced