skills.rest
Charles5277
Charles5277COMMUNITY
Explore all skills by this author →
WebsiteGitHub

nuxt

Implement Nuxt 4+ routing, middleware, server routes, and Nitro v2 patterns.

45|3|Updated Jan 20, 2026
Search Tags:#routing#composables#nuxt#nuxt4#nitro#server-routes
One-click install
npx skills add https://github.com/Charles5277/nuxt-supabase-starter --skill nuxt-charles5277
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/Charles5277/nuxt-supabase-starter/tree/main/.claude/skills/nuxt
Command: npx skills add https://github.com/Charles5277/nuxt-supabase-starter --skill nuxt-charles5277

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4+ projects often struggle with integrating server routes, file-based routing, middleware, and Nitro/Nitro pack configurations in a cohesive way. This skill consolidates guidance into a single source that stays aligned with the latest Nuxt docs.

Core Features & Use Cases

  • Server routes & API patterns: design and organize API endpoints using Nuxt's server directory and Nitro.
  • File-based routing & typed navigation: implement pages, layouts, and typed routes with modern Nuxt 4 conventions.
  • Nuxt composables & config patterns: leverage server utilities, auto-imports, and module configuration for maintainable apps.

Use Case: You are building a Nuxt 4+ app with authentication, data fetching, and real-time features; this skill guides you from project setup to production-ready patterns.

Quick Start

Read the references to begin with server routes, routing, and configuration patterns that match your current Nuxt 4+ task.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I create server routes in Nuxt 4 using Nitro?▼

Server routes in Nuxt 4 are created by defining API endpoints within the server directory, utilizing Nitro v2 conventions. This skill guides you through organizing these endpoints and applying modern h3 v1 helpers for validation and real-time features like WebSocket and SSE.

What is the best way to structure file-based routing and middleware in a Nuxt 4 project?▼

The best way to structure file-based routing in Nuxt 4 involves implementing pages, layouts, and typed routes alongside middleware. This skill provides pattern guidance to ensure your navigation and middleware align with the latest Nuxt conventions.

Does Nuxt 4 support h3 v1 helpers for WebSocket and Server-Sent Events?▼

Yes, Nuxt 4 supports h3 v1 helpers for WebSocket and Server-Sent Events (SSE). This skill covers pattern guidance for these helpers, allowing you to integrate real-time features and validation into your Nitro server routes.

Can I use Nuxt composables and auto-imports for production-ready app configuration?▼

Yes, you can leverage Nuxt composables and auto-imports for app configuration. This skill provides patterns for utilizing server utilities and module configuration to build maintainable, production-ready Nuxt 4 applications.

Why does my Nuxt 4 server route configuration fail with Nitro v2 conventions?▼

Nuxt 4 server route configuration may fail if not aligned with Nitro v2 and h3 v1 conventions. This skill consolidates guidance from the latest Nuxt docs to help you navigate configuration patterns and resolve integration issues.

When do I need Nuxt plugins for authentication and data fetching?▼

You need Nuxt plugins for authentication and data fetching when building cohesive app architectures with custom runtime logic. This skill guides you from project setup to production patterns for these complex features.

Related Skills

Explore More Software Engineering Skills→
besidkabesidka
26

nuxt

Implement Nuxt 4+ patterns for server routes, routing, and middleware.

Official
Intermediate
nseluganseluga

edit-article

Restructure article sections and refine prose for clarity.

Community
Intermediate
optionioptioni

nuxt

Guide Nuxt 3.x development for server-side rendering and file-based routing.

Official
Intermediate
sduduzogsduduzog

nuxt

Build and deploy full-stack Vue apps with Nuxt SSR and Nitro routes.

Community
Advanced