nuxt

Guide Nuxt 4+ development for server routes, routing, and middleware.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/caraseli02/MoldovaDirect --skill nuxt-caraseli02
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/caraseli02/MoldovaDirect/tree/main/.claude/skills/nuxt
Command: npx skills add https://github.com/caraseli02/MoldovaDirect --skill nuxt-caraseli02

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4+ development guidance that standardizes server routes, file-based routing, middleware patterns, and Nuxt-specific features using the latest docs.

Core Features & Use Cases

  • Server routes, server middleware, and Nitro patterns for robust API endpoints.
  • File-based routing, route groups, and layout composition for scalable UI architectures.
  • Nuxt composables, auto-imports, and modules configuration for efficient project setup.
  • Use Case: When starting a new Nuxt project, apply these patterns to bootstrap routing, middleware, and module configuration in one cohesive guide.

Quick Start

Install a Nuxt 4+ project and follow the routing, middleware, and composable patterns described to bootstrap a functional app.

Frequently Asked Questions about nuxt

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

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

File-based routing in Nuxt 4 uses the directory structure to automatically generate application routes, while route groups organize related views without affecting the URL path. This pattern enables scalable UI architectures by mapping your file tree directly to the routing hierarchy.

What is the best way to configure Nitro v2 server routes and server middleware?

Configuring Nitro v2 server routes involves defining API endpoints in the server directory, while server middleware processes incoming requests globally before reaching those routes. This approach standardizes API endpoint creation and request handling for robust Nuxt application backends.

How does module auto-imports work with Nuxt composables?

Nuxt composables are automatically imported across your application without explicit import statements, streamlining project setup and module configuration. This auto-import mechanism exposes Nuxt-specific features directly within your components and pages, reducing boilerplate code significantly.

Can I use Nuxt 4 patterns to bootstrap a new application with middleware and layouts?

Yes, Nuxt 4 patterns allow you to bootstrap a functional application by applying cohesive guides for routing, layout composition, and middleware configuration. This standardizes project setup from the start, integrating server routes and composables efficiently in one pass.

When do I need server middleware versus route middleware in Nuxt?

Server middleware in Nuxt runs on the server to process API requests globally before hitting server routes, whereas route middleware guards specific page navigations on the client side. You need server middleware for API endpoint protection and route middleware for UI access control.