nuxt

Develop full-stack Vue.js applications with Nuxt's SSR and file-based routing.

1|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/xurenlu/marstaff --skill nuxt-xurenlu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/xurenlu/marstaff/tree/main/skills/nuxt
Command: npx skills add https://github.com/xurenlu/marstaff --skill nuxt-xurenlu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of full-stack Vue.js applications by providing server-side rendering, automatic imports, file-based routing, and a powerful module system, simplifying complex web application creation.

Core Features & Use Cases

  • Full-Stack Vue Framework: Develop both frontend and backend logic within a single, cohesive framework.
  • SSR & Hybrid Rendering: Optimize for SEO and initial load performance with server-side rendering or choose hybrid approaches.
  • Developer Experience: Benefit from auto-imports, file-based routing, and a rich module ecosystem.
  • Use Case: Quickly scaffold and deploy a new web application with features like dynamic routing, server API endpoints, and optimized component loading.

Quick Start

Use the nuxt skill to create a new Nuxt project named 'my-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 full-stack Vue.js app with server-side rendering?

You can build a full-stack Vue.js app with server-side rendering using the Nuxt framework, which provides SSR, file-based routing, and server API endpoints. It streamlines complex web application creation by handling both frontend and backend logic cohesively.

Does Nuxt support hybrid rendering for optimizing SEO and initial load performance?

Nuxt supports hybrid rendering and server-side rendering to optimize SEO and initial load performance. You can choose hybrid approaches to balance rendering strategies across different pages within your Vue.js application.

How do I set up file-based routing and auto-imports for a Vue.js project?

To set up file-based routing and auto-imports, scaffold a new web application using the Nuxt framework. It automatically imports components and composables while generating routes based on your file structure to improve developer experience.

Can I deploy a Nuxt app to serverless and edge platforms?

You can deploy a Nuxt app across Node.js, serverless, and edge platforms. It integrates with the Nitro server engine to provide a modular architecture that enables universal deployment and enhanced performance flexibility.

What is the best way to scaffold a Vue.js application with backend API endpoints?

The best way to scaffold a Vue.js application with backend API endpoints is using the Nuxt full-stack framework. It allows you to quickly develop dynamic routing and server API endpoints within a single cohesive project structure.

Why use a modular architecture for full-stack Vue.js development?

A modular architecture for full-stack Vue.js development simplifies complex web application creation by allowing you to add features through a rich module ecosystem. This approach provides auto-imports and universal deployment capabilities across various platforms.