nuxt

Implement Nuxt 4+ routing, middleware, composables, and server routes.

Updated Apr 30, 2026
One-click install
npx skills add https://github.com/Guibibi/budgetpulse --skill nuxt-guibibi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/Guibibi/budgetpulse/tree/main/.agents/skills/nuxt
Command: npx skills add https://github.com/Guibibi/budgetpulse --skill nuxt-guibibi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you work confidently in Nuxt 4+ projects without relying on outdated routing, middleware, composable, or server patterns. It reduces implementation mistakes by aligning your code with current Nuxt conventions and the latest h3 and Nitro APIs.

Core Features & Use Cases

  • Server routes and utilities: Create API endpoints, server middleware, validation logic, WebSocket handlers, and reusable server utilities.
  • Routing and navigation: Build file-based pages, parent routes, route groups, typed navigation, and route metadata with modern Nuxt 4 structure.
  • Middleware, plugins, and config: Set up auth guards, app plugins, runtime config, route rules, and other Nuxt-specific application behavior.
  • Use case: When adding a protected dashboard, you can define the route structure, apply middleware, fetch data with Nuxt composables, and configure the app correctly in one workflow.

Quick Start

Use the nuxt skill to help me add a protected Nuxt 4 page with modern route middleware, typed navigation, and a server API endpoint.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I build a protected dashboard with Nuxt 4 route middleware and server API endpoints?

To build a protected Nuxt 4 dashboard, define the route structure, apply auth middleware, fetch data with composables, and configure server API endpoints using the latest h3 v1 helpers and Nitro v2 patterns.

What's the best way to structure server routes and utilities in a Nuxt 4 application?

The best way to structure server routes in Nuxt 4 is using current Nitro v2 patterns to create API endpoints, server middleware, validation logic, WebSocket handlers, and reusable server utilities.

Why does my Nuxt routing and middleware implementation fail after upgrading?

Nuxt routing and middleware fails after upgrading when using outdated conventions; resolve implementation errors by aligning with Nuxt 4.3+ file-based routing structures, parent routes, route groups, and typed navigation.

Does Nuxt 4 require specific h3 and Nitro versions for server route development?

Yes, Nuxt 4 requires h3 v1 helpers and nitropack v2 patterns to correctly develop server routes, plugins, auth guards, and SSR-safe navigation patterns without implementation errors.

Can I use composables and plugins to manage runtime config and route rules in Nuxt?

Yes, you can use Nuxt composables and app plugins to set up runtime config, define route rules, and establish other Nuxt-specific application behavior following current Nuxt 4 conventions.

When do I need SSR-safe navigation patterns in Nuxt applications?

You need SSR-safe navigation patterns in Nuxt applications when building pages and API endpoints that require correct use of built-in Nuxt components and composables to prevent rendering errors.