nuxt

Provide a Nuxt reference for building SSR-ready Vue applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt provides a comprehensive reference to streamline building server-side rendered Vue applications, routing, and modular architecture.

Core Features & Use Cases

  • SSR-focused Vue development with Nitro server engine
  • File-based routing, server routes, useFetch, middleware, and hybrid rendering
  • Deployment guidance for Node.js, serverless, and edge platforms

Quick Start

Initialize a Nuxt project, install dependencies, and run the dev server to observe server-rendered Vue pages.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I build SSR-ready Vue applications with file-based routing?▼

Build SSR-ready Vue applications using Nuxt's framework, which provides file-based routing, server routes, and middleware to handle server-side rendering across Node.js, serverless, and edge environments.

What's the best way to fetch data in a Vue SSR application?▼

Use the useFetch composable provided by Nuxt to handle data fetching in Vue SSR applications. It integrates with the Nitro server engine to fetch data during server-side rendering and seamlessly hydrates on the client.

How does hybrid rendering work across serverless and edge platforms?▼

Hybrid rendering works through the Nitro server engine, allowing Nuxt to deploy across Node.js, serverless, and edge platforms. It configures rendering modes dynamically so routes can render server-side, client-side, or statically.

Can I use Vue middleware for route protection in an SSR setup?▼

Yes, you can use Vue middleware for route protection in an SSR setup. Nuxt supports middleware execution during server-side rendering, allowing you to validate routes and manage access control before the page renders.

Does Nuxt support server routes alongside standard Vue pages?▼

Yes, Nuxt supports server routes alongside standard Vue pages. The framework provides a server directory structure where you can create API endpoints and server routes that run on the Nitro server engine independently from frontend routing.

When do I need Nuxt modules in my Vue project?▼

You need Nuxt modules when extending your Vue project with modular architecture. Modules allow you to integrate custom functionality, configure third-party services, and encapsulate reusable logic that hooks into the Nuxt build pipeline automatically.