skills.rest
rafasoares
rafasoaresCOMMUNITY
Explore all skills by this author →
Website𝕏@therafasoaresGitHub

nuxt

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

Updated Apr 8, 2026
Search Tags:#routing#vue#middleware#ssr#nuxt#nitro
One-click install
npx skills add https://github.com/rafasoares/rafasoares.com --skill nuxt-rafasoares
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/rafasoares/rafasoares.com/tree/main/.agents/skills/nuxt
Command: npx skills add https://github.com/rafasoares/rafasoares.com --skill nuxt-rafasoares

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt enables developers to build full-stack Vue applications with server-side rendering, file-based routing, auto-imports, and modular architectures, simplifying deployment across environments.

Core Features & Use Cases

  • SSR and hydration of Vue pages with Nitro server engine for universal deployment.
  • File-based routing, auto-imports, and Nuxt Kit modules for rapid feature growth.
  • Server routes, middleware, and hybrid rendering, enabling scalable full-stack apps.

Quick Start

Create a Nuxt project with nuxi, configure nuxt.config.ts, and run the dev server to see SSR, routing, and auto-imports 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 a full-stack Vue app with server-side rendering and file-based routing?▼

Build full-stack Vue apps with SSR and routing by using the Nuxt 3 framework, which provides server-side rendering, file-based routing, and auto-imports to simplify development across Node.js, serverless, and edge environments.

Does Nuxt support hybrid rendering and server routes for scalable applications?▼

Yes, Nuxt supports hybrid rendering and server routes, enabling scalable full-stack applications with middleware, routing guards, and the Nitro server engine for universal deployment across various environments.

Can I use Nuxt with the Nitro server engine for serverless and edge deployment?▼

Nuxt uses the Nitro server engine to enable universal deployment across Node.js, serverless, and edge environments, allowing Vue applications to be deployed seamlessly without modifying the core application code.

What is the best way to configure useFetch and middleware in a Nuxt 3 project?▼

Configure useFetch and middleware in a Nuxt 3 project by editing nuxt.config.ts and leveraging file-based routing, auto-imports, and Nuxt Kit modules to set up routing guards and data fetching logic efficiently.

How do I create and run a Nuxt project to see SSR and auto-imports in action?▼

Create a Nuxt project using the nuxi command, configure the nuxt.config.ts file, and run the dev server to observe server-side rendering, file-based routing, and auto-imports functioning together in a full-stack Vue application.

Related Skills

Explore More Software Engineering Skills→
remiconnessonremiconnesson

nuxt

Generate and configure universal Vue applications with SSR and file-based routing.

Community
Advanced
sduduzogsduduzog

nuxt

Build and deploy full-stack Vue apps with Nuxt SSR and Nitro routes.

Community
Advanced
KeyValueSoftwareSystemsKeyValueSoftwareSystems
3

nuxt4-patterns

Enforce Nuxt 4 hydration safety, data fetching, and route rendering patterns.

Official
Intermediate
klu-devklu-dev
2

nuxt4-patterns

Optimize Nuxt 4 SSR data fetching with useFetch and useAsyncData.

Community
Intermediate