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.