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.