nuxt

Configure Nuxt 3 projects with file-based routing and server routes.

Updated Mar 20, 2026
One-click install
npx skills add https://github.com/Situ2000/skills-main --skill nuxt-situ2000
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/Situ2000/skills-main/tree/main/skills/nuxt
Command: npx skills add https://github.com/Situ2000/skills-main --skill nuxt-situ2000

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt provides a coherent framework to build SSR-capable Vue apps with file-based routing, server routes, and deployment tooling.

Core Features & Use Cases

It covers routing, data fetching, server integration, modules, deployment, and rendering modes, enabling end-to-end Nuxt app development from config to deployment with patterns for layers, modules, and best practices.

Quick Start

Create or open a Nuxt project, configure nuxt.config.ts and app.config.ts, and run the dev server to verify routing and SSR behavior.

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 for a Vue SSR application?

Nuxt streamlines building SSR-ready Vue apps by providing file-based routing out of the box. You simply place Vue components in the pages directory, and Nuxt automatically generates the routing configuration.

How does Nitro deployment work for Nuxt server routes?

Nitro deployment works for Nuxt server routes by compiling server endpoints into a highly portable output. Nuxt integrates Nitro to handle server-side rendering and API routes, allowing you to deploy the SSR app across various environments seamlessly.

Can I extend a Nuxt 3 project using custom modules?

Yes, you can extend a Nuxt 3 project using custom modules. Nuxt supports an extensible module ecosystem, allowing you to integrate additional functionalities and layers into your Vue application.

What is the difference between nuxt.config.ts and runtime app.config?

The difference between nuxt.config.ts and runtime app.config is their execution context. Nuxt.config.ts handles build-time configuration for modules and Nitro, while app.config defines runtime variables accessible within the Vue application.

Does Nuxt support both client-side and server-side rendering modes?

Yes, Nuxt supports both client-side and server-side rendering modes. It covers routing, data fetching, and rendering modes, enabling end-to-end development for SSR-capable Vue apps tailored to specific deployment needs.

What are the limitations of using Nuxt for SSR-ready Vue apps?

Limitations of using Nuxt for SSR-ready Vue apps include the need to understand its specific directory structures and configuration files. While it provides a coherent framework for SSR, developers must adapt to its module ecosystem and Nitro server integration patterns.