Nuxt 4 Core equips Claude with comprehensive architectural patterns and modern best practices for Nuxt 4 development. It guides developers through the default app/ directory structure, Nitro server configuration, file-based routing with dynamic parameters, robust route middleware, and reactive SEO using useSeoMeta. By enforcing proper separation between runtime config and app config and establishing component-level error boundaries, this skill ensures scalable, secure, and maintainable Vue 3 full-stack applications.
主要功能
01Enforces Nuxt 4 directory architecture separating app/ frontend and server/ Nitro code
02Implements reactive SEO and OpenGraph metadata using useSeoMeta and useHead
03Configures runtime config securely to prevent environment variable exposure
04Provides resilient full-stack error handling using error.vue and NuxtErrorBoundary
05Generates dynamic file-based routing, catch-all patterns, and route middleware
06239 GitHub stars
使用场景
01Setting up comprehensive search engine optimization and dynamic social share cards
02Scaffolding and configuring new Nuxt 4 projects using modern TypeScript and Vite standards
03Implementing file-based routing, authentication middleware, and page transitions