
Nuxt Best Practices
Solid reference for keeping Nuxt 3/4 projects clean and performant. Covers 40+ rules across eight categories, from critical data fetching patterns (useFetch keys, lazy loading, transform functions) to auto-import organization that won't bite you later. The barrel export and type location rules alone will save headaches if you're scaling a codebase. Each rule includes wrong/right examples, which beats vague advice. Prioritized by impact, so you know what actually matters versus nice-to-haves. Use it when writing components, setting up API routes, or reviewing PRs where someone used raw fetch in a component. Built by vinayakkulkarni, who clearly spent time in Nuxt codebases that grew messy.
- skills.sh installs
- 325
- GitHub stars
- 43
- last updated
- Aug 21, 2026
Install
$ npx -y skills add vinayakkulkarni/vue-nuxt-best-practices --skill nuxt-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Files
Nuxt Best Practices
Comprehensive performance optimization guide for Nuxt 4 applications (current: Nuxt 4.5, with notes for 3.x apps approaching EOL). Contains 23 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.
When to Apply
Reference these guidelines when:
- Writing new Nuxt pages, components, or composables
- Implementing data fetching (useFetch, useAsyncData, the 4.5
enabledoption) - Creating server routes and API endpoints
- Organizing types, composables, and auto-imports
- Working with Nuxt modules and plugins
- Configuring rendering modes (SSR, SSG, SPA, 4.5 experimental SSR streaming)
- Using layouts, named views, and NuxtLink prefetching (Nuxt 4.5 conventions)
Rule Categories by Priority
Sponsors
Details
- Repository
- github.com/vinayakkulkarni/vue-nuxt-best-practices
- Categories
- Frontend Development, Backend & APIs, Documentation, Code Review & Quality, Debugging
- First seen
- Jun 3, 2026