skills.rest
9aia
9aiaOFFICIAL
Explore all skills by this author →
Website𝕏@9aia_GitHub

nuxt

Expert in providing natural-language IT and computer support to customers and clients.

Updated Feb 3, 2026
Search Tags:#routing#middleware#server#composables#nuxt#nitro#nuxt-4
One-click install
npx skills add https://github.com/9aia/pachira --skill nuxt-9aia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/9aia/pachira/tree/main/.claude/skills/nuxt
Command: npx skills add https://github.com/9aia/pachira --skill nuxt-9aia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4+ development can be complex due to rapidly evolving patterns and best practices. It provides structured, up-to-date guidance for building server routes, file-based routing, middleware patterns, and Nuxt-specific features in Nuxt 4+ projects.

Core Features & Use Cases

  • Authoritative guidance on Nuxt 4+ patterns (server routes, routing, middleware, auto-imports, layers, modules)
  • Task-oriented references to common topics (references/server.md, references/routing.md, references/middleware-plugins.md, references/nuxt-composables.md, references/nuxt-components.md, references/nuxt-config.md)
  • Real-world scenarios: setup of a page with route groups, configuring Nitro, and employing Nuxt composables in components

Quick Start

Ask your AI to outline a minimal Nuxt 4+ project setup and show the key routing pattern.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I structure file-based routing and route groups in a Nuxt 4 project?▼

File-based routing in Nuxt 4 uses the directory structure to define routes automatically. Route groups allow you to organize pages into logical folders without affecting the URL path structure.

What are the best practices for creating server routes and configuring Nitro in Nuxt 4?▼

Nuxt 4 server routes are defined by creating files in the server directory, utilizing Nitro for backend deployment. Best practices include using standard Web APIs and structuring API endpoints logically within the directory.

How does middleware work and what patterns should I use in Nuxt 4?▼

Middleware in Nuxt 4 executes custom logic before rendering pages. Recommended patterns include using named route middleware for authentication and global middleware for site-wide configuration.

Can I use auto-imports and composables for state management in Nuxt components?▼

Yes, Nuxt 4 automatically imports composables and components, allowing you to use them directly without manual imports. This streamlines state management and logic sharing across components.

Does this guidance cover configuring Nuxt-specific settings and deployment patterns for Nuxt 4?▼

Yes, Nuxt 4 guidance includes configuring the nuxt.config file and setting up deployment patterns. It provides up-to-date references for configuring modules, layers, and deployment environments.

Why use Nuxt 4 patterns over standard Vue for building full-stack applications?▼

Nuxt 4 provides structured full-stack patterns like server routes and auto-imports that standard Vue lacks. It enforces best practices for routing and middleware, simplifying complex application development.

Related Skills

Explore More Software Engineering Skills→
peterWang123589peterWang123589

nuxt

Build server-rendered Vue applications with file-based routing and Nitro deployments.

Community
Advanced
ai-enhanced-engineerai-enhanced-engineer
3

gcp-cicd-patterns

Automate CI/CD pipeline design on Google Cloud Platform with Cloud Build and Cloud Deploy.

Official
Advanced
travisjneumantravisjneuman
88

vue-development

Guide Vue.js 3 development with Composition API, TypeScript, Pinia, and Nuxt 3.

Community
Advanced
hoainam183hoainam183

sveltekit

Create full-stack SvelteKit applications with file-based routing and server-side rendering.

Community
Advanced