nuxt

Build full-stack Vue apps with SSR and Nitro-based routing.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt provides a robust framework to build full-stack Vue applications with server-side rendering, file-based routing, auto-imports, and a modular architecture, streamlining development and deployment.

Core Features & Use Cases

  • SSR and static rendering with Nitro as server engine
  • File-based routing, modules, and server routes for full-stack apps
  • Data fetching, composables auto-imports, and deployment versatility across hosting

Quick Start

Create a new Nuxt project and run the dev server to see SSR in action.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I build full-stack Vue apps with server-side rendering?

You can build full-stack Vue apps with server-side rendering by leveraging a framework that provides file-based routing, auto-imports, and the Nitro server engine to streamline development across Node.js, serverless, and edge environments.

What is the best way to set up file-based routing and server routes in Vue?

The best way to set up file-based routing and server routes in Vue is using a modular architecture that enforces routing and handles server-side logic through the Nitro server engine for versatile full-stack deployment.

Can I use data fetching composables with auto-imports in an SSR Vue project?

Yes, you can use data fetching composables with auto-imports in an SSR Vue project by configuring your project to enforce these features natively, eliminating manual import statements for composables and Vue components.

Does Nitro support hybrid rendering across serverless and edge environments?

Nitro supports hybrid rendering across serverless and edge environments by acting as the server engine, allowing your full-stack Vue application to deploy seamlessly across various hosting platforms.

How do I add middleware to my Vue application for server-side rendering?

You add middleware to your Vue application for server-side rendering through Nuxt configuration, which enforces middleware execution and handles hybrid rendering logic before routing and page rendering occur.