nuxt

Build full-stack Vue applications with SSR and file-based routing.

5.7k|318|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/antfu/skills --skill nuxt-antfu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/antfu/skills/tree/main/skills/nuxt
Command: npx skills add https://github.com/antfu/skills --skill nuxt-antfu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt streamlines building full-stack Vue applications by providing server-side rendering, file-based routing, and a modular architecture, eliminating boilerplate and enabling scalable deployment.

Core Features & Use Cases

  • Server-side rendering for fast initial loads and SEO-friendly pages.
  • File-based routing with auto-imports for rapid development of complex apps.
  • Nitro-based deployment and server routes for versatile hosting on Node.js, serverless, or edge environments.

Quick Start

Start by creating a Nuxt project, configure nuxt.config.ts, and run the development server with a minimal setup.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I build a full-stack Vue application with server-side rendering?▼

Build a full-stack Vue application with server-side rendering using Nuxt. It provides file-based routing, auto-imports, and a modular plugin system to eliminate boilerplate and enable scalable deployment for SEO-friendly pages.

What is the best way to handle routing and data fetching in a Vue SSR app?▼

The best way to handle routing and data fetching in a Vue SSR app is using Nuxt's file-based routing and useFetch composable. This combination manages server routes and middleware seamlessly across modern web applications.

Can I deploy my Vue SSR application to serverless and edge environments?▼

Yes, you can deploy your Vue SSR application to serverless and edge environments. Nuxt relies on Nitro to provide versatile deployment, allowing you to host full-stack apps across Node.js, serverless, or edge platforms.

Do I need Node.js and a package manager to start a Nuxt project?▼

Yes, you need Node.js and a package manager to start a Nuxt project. After creating the project, you configure nuxt.config.ts and run the development server with a minimal setup to begin building your application.

How does Nitro enable hybrid rendering use cases for modern web apps?▼

Nitro enables hybrid rendering use cases by powering server routes and versatile deployment options. It allows your Vue application to seamlessly switch between server-side rendering and other rendering strategies across various hosting environments.

Why use a modular plugin system for full-stack Vue applications?▼

Use a modular plugin system for full-stack Vue applications to eliminate boilerplate and ensure scalable deployment. Nuxt's architecture covers server routes, middleware, and auto-imports, enabling rapid development of complex apps.