nuxt

Build universal Vue applications with server-side rendering and file-based routing.

Updated Jan 31, 2026

Search Tags:#routing #vue #ssr #nuxt #nitro #auto-imports

Ready to run

npx skills add https://github.com/leighayanid/unuxt --skill nuxt-leighayanid

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/leighayanid/unuxt/tree/main/.agents/skills/nuxt
Command: npx skills add https://github.com/leighayanid/unuxt --skill nuxt-leighayanid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt solves the complexity of building universal Vue applications by providing server-side rendering, file-based routing, and a cohesive module system in a single framework.

Core Features & Use Cases

Auto-imports: automatic access to Vue APIs and Nuxt composables across the app.
File-based routing & server routes: simple routing with Nitro-powered API endpoints and middleware support.
Rendering and deployment versatility: supports SSR, CSR, and hybrid rendering across Node.js, serverless, and edge environments.

Quick Start

Create a new Nuxt project, install dependencies, and run the dev server to explore SSR, routing, and auto-imports.

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 and file-based routing?▼

Use Nuxt to build universal Vue applications with server-side rendering, file-based routing, and Nitro-powered API endpoints in a single framework. It provides auto-imports for Vue APIs and composables, plus middleware support across your app.

Can I deploy a Nuxt app to serverless and edge environments?▼

Nuxt supports hybrid rendering across Node.js, serverless, and edge deployments. You can configure SSR, CSR, or hybrid rendering modes to match your target deployment environment using Nuxt 3/4 tooling and the Nuxt CLI.

Do I need Node.js to set up a Nuxt project?▼

Yes, Nuxt requires Node.js and the Nuxt package to run. You create a new project, install dependencies, and run the dev server via the Nuxt CLI to explore server-side rendering, routing, and auto-imports.

How does data fetching work with useFetch and useAsyncData in Nuxt?▼

Nuxt provides useFetch and useAsyncData composables for data fetching in full-stack apps. These auto-imported APIs work with server routes and middleware to fetch data during server-side rendering and client navigation.

What's the best way to create API endpoints in a Nuxt app?▼

Nuxt uses Nitro-powered server routes to create API endpoints. You define server routes and middleware within your project structure, enabling full-stack functionality alongside your Vue components and file-based routing.