nuxt

Guide Nuxt 4+ projects through server routes, routing, middleware, and configuration patterns.

78|8|Updated Nov 7, 2022
One-click install
npx skills add https://github.com/incubrain/foundry --skill nuxt-incubrain
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/incubrain/foundry/tree/main/.claude/skills/nuxt
Command: npx skills add https://github.com/incubrain/foundry --skill nuxt-incubrain

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides developers with up-to-date Nuxt 4+ development guidance, helping teams stay aligned with the latest patterns and conventions across server routes, routing, middleware, plugins, composables, and configuration.

Core Features & Use Cases

  • Server routes, file-based routing, and middleware patterns tailored for Nuxt 4+ projects.
  • Nuxt plugins, app-level composables, and module/configuration guidance to accelerate development.
  • Progressive guidance with context-driven references to implement real-world setups (e.g., routing guards, runtime config, auto-imports, and layers).
  • Real-world use cases and quick-start checklists to bootstrap new Nuxt features quickly.

Quick Start

Use this skill to guide a Nuxt 4+ project setup from zero to a working scaffold, referencing the appropriate files when you work on server routes, routing, middleware, or config.

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

To set up file-based routing and middleware in Nuxt 4, structure your project directories to automatically generate routes and define middleware functions to run custom logic before navigation. This approach enforces structured, convention-based routing patterns.

What is the correct way to configure server routes in Nuxt 4?

Configuring server routes in Nuxt 4 involves creating API endpoints within the server directory structure. This Skill provides targeted guidance to implement real-world server setups, ensuring your backend patterns align with the latest Nuxt conventions.

How do Nuxt plugins and app-level composables work together?

Nuxt plugins inject reusable logic or external libraries into your application, while app-level composables provide auto-imported reactive functions. They work together to accelerate development by extending functionality and sharing state across components.

Does this Nuxt guidance cover runtime configuration and layers?

Yes, this Nuxt guidance covers runtime configuration and layers to help you manage environment variables and extend projects modularly. It provides progressive, context-driven references to implement these real-world setups efficiently.

What is the best way to bootstrap a new Nuxt 4 feature from scratch?

The best way to bootstrap a new Nuxt 4 feature is using quick-start checklists and progressive guidance. This approach scaffolds new features quickly by referencing the appropriate files for server routes, routing, middleware, or config.