nuxt

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

Updated Dec 8, 2025
One-click install
npx skills add https://github.com/sduduzog/.dotfiles --skill nuxt-sduduzog
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/sduduzog/.dotfiles/tree/main/agents/skills/nuxt
Command: npx skills add https://github.com/sduduzog/.dotfiles --skill nuxt-sduduzog

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt centralizes the setup to build full-stack Vue apps with server-side rendering, file-based routing, and auto-imports, reducing boilerplate and configuration overhead.

Core Features & Use Cases

  • SSR and universal rendering for SEO-friendly pages and fast initial loads.
  • File-based routing, API routes with Nitro, and a modular extensibility through Nuxt Kit.
  • Easy deployment across Node.js, serverless, and edge platforms for flexible hosting.

Quick Start

Initialize a Nuxt project and start the dev server to see a working Nuxt app.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I build a Vue app with server-side rendering for SEO?

Build a Vue app with server-side rendering using Nuxt to centralize SSR configuration, file-based routing, and auto-imports. This approach reduces boilerplate and delivers SEO-friendly pages with fast initial loads.

Does Nuxt support deployment on serverless and edge environments?

Yes, Nuxt supports deployment on serverless and edge environments. By configuring Nitro presets, you can deploy full-stack Vue apps across Node.js, serverless, and edge platforms for flexible hosting.

How do I create API routes in a Nuxt application?

Create API routes in a Nuxt application using the Nitro server engine. Nitro integrates directly with your Nuxt configuration to handle server-side logic, enabling full-stack Vue app capabilities without external server setup.

What is the best way to reduce boilerplate when setting up Vue routing?

The best way to reduce boilerplate when setting up Vue routing is using Nuxt. It provides file-based routing and auto-imports, centralizing configuration so you can build modular full-stack apps without manual route declarations.

When do I need Nitro presets for my Vue application?

You need Nitro presets when deploying a Nuxt Vue application to specific environments like Node.js, serverless, or edge platforms. Presets configure the server output to match the target hosting provider's requirements.