nuxt

Develop full-stack Vue.js applications with Nuxt file-based routing and server routes.

Updated Jan 22, 2026

Search Tags:#web development #full-stack #framework #ssr #vue.js #nuxt

Ready to run

npx skills add https://github.com/cooker/wx-mp-article --skill nuxt-cooker

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/cooker/wx-mp-article/tree/main/.cursor/skills/nuxt
Command: npx skills add https://github.com/cooker/wx-mp-article --skill nuxt-cooker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and tooling for developing full-stack Vue applications using the Nuxt framework, simplifying complex tasks like routing, data fetching, and server-side rendering.

Core Features & Use Cases

Full-Stack Development: Build server-rendered, static, or hybrid Vue applications.
Developer Experience: Leverage auto-imports, file-based routing, and a powerful module system.
Use Case: Quickly scaffold a new Nuxt project, configure server routes for an API, implement client-side data fetching for a dashboard, and deploy it to a platform like Vercel.

Quick Start

Use the nuxt skill to generate a new Nuxt project named 'my-nuxt-app'.

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.js application with server-side rendering?▼

Build full-stack Vue.js applications with server-side rendering using the Nuxt framework, which provides file-based routing, server routes, and universal rendering modes to streamline full-stack development.

How does data fetching work in Nuxt for client-side dashboards?▼

Data fetching in Nuxt utilizes useFetch and useAsyncData composables to handle asynchronous data, allowing you to implement client-side data retrieval for dashboards while supporting universal and hybrid rendering modes.

Does Nuxt support hybrid rendering modes for Vue apps?▼

Yes, Nuxt supports universal, client-side, and hybrid rendering modes, allowing you to configure rendering strategies dynamically across different routes within the same full-stack Vue application.

What is the best way to manage state in a full-stack Vue application?▼

Manage state in a full-stack Vue application using Nuxt's useState composable, which provides a shared reactive state across server and client during server-side rendering.

How do I configure server routes for an API in a Vue.js project?▼

Configure server routes for an API in your Vue.js project by leveraging Nuxt's file-based server routes directory, enabling backend endpoint creation directly within your full-stack application structure.

What are the deployment strategies for Nuxt applications?▼

Deployment strategies for Nuxt applications support various platforms like Vercel, accommodating static site generation, server-side rendering, and hybrid rendering outputs for flexible hosting configurations.