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.