skills.rest
RepairYourTech
RepairYourTechCOMMUNITY
Explore all skills by this author →
GitHub

nuxt

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

6|1|Updated Feb 27, 2026
Search Tags:#web development#full-stack#api#vue#ssr#ssg#nuxt
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill nuxt-repairyourtech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/stack/frameworks/nuxt
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill nuxt-repairyourtech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of full-stack Vue.js applications by providing a robust framework for routing, server-side rendering, data fetching, and API creation.

Core Features & Use Cases

  • File-based Routing: Automatically creates routes based on your file structure.
  • Server Routes (Nitro): Build API endpoints and server middleware within your Nuxt project.
  • Data Fetching: Simplified composables like useFetch and useAsyncData for efficient data retrieval.
  • SSR/SSG/SPA: Flexible rendering modes to optimize for performance and SEO.
  • Use Case: Develop a blog platform with dynamic routes for posts, an API to fetch blog data, and server middleware for authentication.

Quick Start

Use the nuxt skill to create a new Nuxt.js project with Tailwind CSS and Pinia.

Frequently Asked Questions about nuxt

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

FAQPage Schema
How do I build full-stack Vue apps with server-side rendering and API routes?▼

Build full-stack Vue apps using the Nuxt.js meta-framework, which supports file-based routing, server routes via Nitro, and SSR rendering to optimize performance and SEO.

How does data fetching work in Vue applications using composables?▼

Data fetching in Vue applications is simplified using composables like useFetch and useAsyncData, enabling efficient data retrieval within your full-stack project structure.

Can I create API endpoints and server middleware within my Vue project?▼

Yes, you can create API endpoints and server middleware within your Vue project using Nitro server routes, allowing you to handle backend logic and authentication directly.

What is the best way to generate static sites or configure SPA rendering for Vue?▼

Generate static sites or configure SPA rendering by leveraging flexible SSR, SSG, and SPA rendering modes in Nuxt.js to optimize your Vue application for specific performance and SEO requirements.

Do I need a meta-framework to set up file-based routing for Vue?▼

Using a meta-framework like Nuxt.js automates file-based routing based on your directory structure, eliminating manual route configuration and streamlining Vue application development.

What are the limitations of building a blog platform with dynamic routes and server middleware?▼

Building a blog platform with dynamic routes, APIs, and server middleware requires understanding Nuxt.js conventions for routing and Nitro server logic, though it effectively handles complex full-stack requirements.

Related Skills

Explore More Software Engineering Skills→
jusjinukjusjinuk
1

onboard

Configure Slack tokens, environment files, and repository hooks for internbot deployment.

Community
Intermediate
tankpkgtankpkg
1

@tank/svelte-kit

Design Svelte 5 and SvelteKit application architecture for routing, reactivity, forms, and deployment.

Official
Advanced
travisjneumantravisjneuman
88

vue-development

Guide Vue.js 3 development with Composition API, TypeScript, Pinia, and Nuxt 3.

Community
Advanced
TymorIbrahimTymorIbrahim

vue-patterns

Guide Vue.js 3 developers through patterns, architecture, reactivity, and state management.

Community
Advanced