nuxt

Guide Nuxt 4 development with server routes, file-based routing, middleware, plugins, and composables.

1|1|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/Kurrawong/prez-lite --skill nuxt-kurrawong
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/Kurrawong/prez-lite/tree/main/.claude/skills/nuxt
Command: npx skills add https://github.com/Kurrawong/prez-lite --skill nuxt-kurrawong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance for developing with Nuxt 4+, ensuring you leverage the latest patterns and conventions for efficient and robust web application development.

Core Features & Use Cases

  • Server Routing: Understand and implement API endpoints, server middleware, and server utilities.
  • File-Based Routing: Master Nuxt's intuitive page and layout structure.
  • Composables & Plugins: Effectively utilize Nuxt-specific functions and extend application functionality.
  • Use Case: When building a new Nuxt 4 application, use this Skill to set up your server routes, define your page structure, and implement authentication middleware.

Quick Start

Use the nuxt skill to learn about setting up server routes in Nuxt 4.

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 in Nuxt 4?

Server routes in Nuxt 4 use h3 v1 helpers and nitropack v2 conventions to define API endpoints and server utilities. You create server middleware to handle requests logically before they reach your routes.

How does file-based routing work in Nuxt?

File-based routing in Nuxt maps file paths directly to application routes using an intuitive page and layout structure. This eliminates manual route configuration, allowing you to define page structure simply by adding files.

What is the best way to implement authentication middleware in a Nuxt application?

Authentication middleware in a Nuxt application is best implemented using Nuxt 4 patterns and composables to protect specific routes. You define middleware logic that validates user sessions before allowing access to designated pages.

Can I use Vue composables and plugins to extend Nuxt functionality?

Yes, you can use Vue composables and plugins to extend Nuxt functionality by leveraging Nuxt-specific functions. Composables allow you to extract and reuse reactive logic, while plugins let you inject additional features into your application.

Does this Nuxt 4 guidance cover differences in h3 v1 helpers and nitropack v2 conventions?

Yes, this guidance addresses specific Nuxt 4 patterns, including h3 v1 helpers and nitropack v2 conventions. It ensures you leverage the latest server-side patterns and conventions for efficient and robust web application development.