nuxt

Consolidate Nuxt 4.3+ guidance for server routes, routing, middleware, and configuration.

1|Updated Apr 12, 2024
One-click install
npx skills add https://github.com/xvaara/sleepwalkers --skill nuxt-xvaara
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/xvaara/sleepwalkers/tree/main/.agents/skills/nuxt
Command: npx skills add https://github.com/xvaara/sleepwalkers --skill nuxt-xvaara

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4+ development often requires staying up-to-date with rapidly evolving patterns for server routes, file-based routing, middleware, and Nitro configurations. This skill provides a centralized, navigable reference that consolidates the latest Nuxt 4.3+ guidance to reduce search time and confusion.

Core Features & Use Cases

  • Guidance for server routes, server middleware, validation, WebSocket, SSE, and Nitro patterns.
  • File-based routing, route groups, typed router, definePage, and Nuxt-specific features like auto-imports and layers.
  • Middleware, plugins, composables, and module/config patterns to streamline Nuxt 4 projects.
  • Use cases include building API endpoints, protected pages, and scalable application bootstrapping.

Quick Start

Follow the guidance to implement Nuxt 4+ server routes, file-based routing, and middleware patterns.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I set up server routes and middleware in Nuxt 4?

Server routes and middleware in Nuxt 4 use Nitro patterns to build API endpoints. You structure server endpoints, add validation, and implement WebSocket or SSE connections by following the latest Nuxt 4.3+ configuration guidance.

What is the best way to structure file-based routing and route groups in Nuxt?

File-based routing in Nuxt uses the directory structure to define routes and route groups. You implement typed router and definePage features to ensure strict typing and scalable page structures within Nuxt 4 projects.

Does this Nuxt 4 reference cover composables and plugins?

The Nuxt 4 reference covers composables and plugins comprehensively. It provides structured guidance on auto-imports, layers, and module configuration patterns to streamline application bootstrapping and maintain consistent best practices.

How do I configure Nitro server patterns for a Nuxt 4 application?

Nitro server patterns in Nuxt 4 are configured through server routes and middleware. You implement validation, WebSocket, and SSE connections by applying the latest Nuxt 4.3+ structural references to build scalable server-side logic.

When do I need layers and auto-imports in Nuxt 4 development?

Layers and auto-imports are needed in Nuxt 4 when building scalable applications or protected pages. They streamline module and config patterns, allowing you to bootstrap complex projects while reducing manual import overhead.