nuxt

What problem does it solve?

Nuxt development involves complex configurations, specific conventions, and keeping up with a rapidly evolving ecosystem (Vue, Nuxt 3/4, modules, SSR/SSG patterns). This skill centralizes best practices, module knowledge, and quick references, reducing the cognitive load and time spent searching documentation.

Core Features & Use Cases

• Specialized Nuxt Guidance: Provides expert advice on Nuxt 3+ architecture, file-based routing, server API, and SSR/SSG patterns.
• Module & Ecosystem Knowledge: Offers deep dives into popular Nuxt modules (UI, Image, Content, I18n, Tailwind) and ecosystem libraries (Pinia, VueUse, Drizzle ORM), with version-specific insights.
• Automated Best Practices: Guides on Vue component patterns, TypeScript organization, data fetching, and styling strategies, ensuring consistent, high-quality code.
• Use Case: A developer is building a new feature in a Nuxt 4 project. They can use this skill to get instant guidance on the latest Nuxt UI component usage, best practices for data fetching with useFetch, and how to structure their composables and server routes, without leaving their IDE or manually sifting through documentation.

Quick Start

Help me set up a new Nuxt 4 project with Tailwind CSS and Nuxt UI. Provide the nuxt.config.ts and app.vue configurations.