skills.rest
Postalocity
PostalocityOFFICIAL
Explore all skills by this author →
GitHub

nuxt

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

1|Updated Mar 5, 2026
Search Tags:#routing#middleware#composables#nuxt#nuxt4#nitro#server-routes
One-click install
npx skills add https://github.com/Postalocity/template-microsite --skill nuxt-postalocity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/Postalocity/template-microsite/tree/main/.opencode/skills/vuejs-nuxt--nuxt
Command: npx skills add https://github.com/Postalocity/template-microsite --skill nuxt-postalocity

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4+ projects demand up-to-date patterns for server routes, file-based routing, middleware, and composables; this guide consolidates best practices to accelerate setup, reduce errors, and align teams on consistent patterns.

Core Features & Use Cases

  • Provides structured guidance for Nuxt 4+ features including server routes, file-based routing, middleware, plugins, and composables.
  • Includes practical examples and recommended patterns for modules, layers, and auto-imports across Nuxt 4.3+.
  • Use Case: When starting a Nuxt 4+ project, follow this guidance to scaffold an architecture with separate brand-like configurations, IKB-like context, and consistent routing.

Quick Start

Set up a Nuxt 4+ project by following the guided sections on server routes, routing, and composables to bootstrap a compliant architecture.

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

File-based routing in Nuxt 4+ is set up using structured directory patterns and Nitro server routes. Following guided sections on routing and composables bootstraps a compliant, error-free architecture.

What is the best way to structure middleware and composables in a Nuxt 4 project?▼

The best way to structure Nuxt 4 middleware and composables is applying recommended patterns for modules and auto-imports. This ensures consistent project architecture and reduces configuration errors.

Does this Nuxt 4 guidance cover Nitro v2 server route features?▼

Yes, this Nuxt 4 guidance covers Nitro and Nitro v2 server route features. It provides practical examples and best practices for implementing server routes across Nuxt 4.3+ projects.

When do I need to use plugins and layers in Nuxt 4+ development?▼

Plugins and layers in Nuxt 4+ are needed when scaffolding structured project architectures with separate configurations. They provide modular patterns for auto-imports and consistent routing across your application.

Why are my Nuxt 4 auto-imports and routing patterns not working correctly?▼

Nuxt 4 auto-imports and routing fail when project architecture lacks consistent patterns. Applying structured guidance for modules, plugins, and composables aligns configurations and resolves setup errors.

Related Skills

Explore More Software Engineering Skills→
steedossteedos
1.6k

steedos-project-format

Scaffold Steedos projects with package.json and steedos-config.yml.

Official
Intermediate
sduduzogsduduzog

nuxt

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

Community
Advanced
clerkclerk
66

clerk-nuxt-patterns

Protects Nuxt 3 apps with Clerk authentication middleware and Nitro server route guards.

Official
Intermediate
KRISHNA0RKRISHNA0R
25

sveltekit

Build full-stack web applications with SvelteKit file-based routing, SSR, and API routes.

Community
Advanced