skills.rest
vito1317
vito1317COMMUNITY
Explore all skills by this author →
WebsiteGitHub

nuxt

Guide Nuxt 4+ development across server routes, routing, middleware, and configuration.

Updated Jan 6, 2026
Search Tags:#routing#guidance#vue#middleware#ssr#nuxt#nuxt4
One-click install
npx skills add https://github.com/vito1317/security-one-waf-website --skill nuxt-vito1317
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/vito1317/security-one-waf-website/tree/main/.tessl/tiles/onmax/nuxt-skills/skills/nuxt
Command: npx skills add https://github.com/vito1317/security-one-waf-website --skill nuxt-vito1317

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt 4+ project work often involves deciphering complex routing, server integration, middleware flows, and module configuration. This Skill consolidates the latest Nuxt 4+ patterns into a single, discoverable guide so developers can adopt best practices quickly and consistently across projects.

Core Features & Use Cases

  • Server routes, server middleware, and route groups
  • File-based routing, auto-imports, layers, and module configuration
  • Nuxt-specific composables and tooling guidance for common tasks (useFetch, useRoute, useNuxtApp)
  • Use Case: accelerate building a Nuxt 4+ app by aligning folder structure, middleware, and routing with the latest docs

Quick Start

Read the references folder to start implementing Nuxt 4+ patterns on your project.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I structure file-based routing and route groups in a Nuxt 4 project?▼

File-based routing in Nuxt 4 uses directory names to define routes, while route groups organize related views without affecting the URL structure. This Skill guides folder alignment and middleware setup.

How does server middleware work with server routes in Nuxt 4?▼

Server middleware in Nuxt 4 intercepts incoming requests before they reach server routes, enabling authentication or header validation. This Skill provides patterns for implementing flows and route groups.

What is the best way to configure layers and modules in Nuxt 4?▼

The best way to configure layers and modules in Nuxt 4 involves extending project capabilities through nuxt.config. This Skill consolidates latest module configuration patterns for consistent adoption.

Can I use useFetch and useRoute composables for SSR data fetching in Nuxt?▼

Yes, useFetch and useRoute are Nuxt-specific composables that handle SSR-compatible data fetching and route parameter access. This Skill offers tooling guidance for these common tasks.

Does this Nuxt guidance cover auto-imports and plugin configuration?▼

Yes, this Nuxt guidance covers auto-imports and plugin configuration to streamline development. It defines a frontmatter-backed entry and supports optional directories for scripts and references.

Why should I align my folder structure with the latest Nuxt 4 docs?▼

Aligning folder structure with Nuxt 4 docs resolves development complexity by consolidating routing, middleware, and module configuration. This Skill accelerates app building with latest best practices.

Related Skills

Explore More Software Engineering Skills→
besidkabesidka
26

nuxt

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

Official
Intermediate
Probably-GroupProbably-Group
3

nuxt4

Enforce secure Nuxt 4 server routes, rendering, and configuration practices.

Official
Advanced
KeyValueSoftwareSystemsKeyValueSoftwareSystems
3

nuxt4-patterns

Enforce Nuxt 4 hydration safety, data fetching, and route rendering patterns.

Official
Intermediate
wfvuewfvue
3

nuxt

Provide a Nuxt reference for building SSR-ready Vue applications.

Community
Advanced