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.