skills.rest
alex5141
alex5141COMMUNITY
Explore all skills by this author →
GitHub

nuxt-development

Establish development standards for Nuxt.js 3 applications with file-based routing and SSR.

Updated Mar 6, 2026
Search Tags:#typescript#web development#frontend#javascript#vue#ssr#nuxt
One-click install
npx skills add https://github.com/alex5141/github-copilot-starter --skill nuxt-development
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-development
Source: https://github.com/alex5141/github-copilot-starter/tree/main/.github/skills/nuxt-development
Command: npx skills add https://github.com/alex5141/github-copilot-starter --skill nuxt-development

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized approach to developing Nuxt.js 3 applications, ensuring consistency in project structure, component usage, data fetching, and server-side logic.

Core Features & Use Cases

  • Nuxt Conventions: Enforces best practices for pages, layouts, components, and composables.
  • SSR & Data Fetching: Guides on using useFetch and useAsyncData for server-side rendering.
  • API Routes: Standardizes the creation of server-side API endpoints.
  • Use Case: When starting a new Nuxt 3 project, apply these standards to ensure a maintainable and scalable codebase from the outset.

Quick Start

Use the nuxt-development skill to create a new page component for the '/about' route in a Nuxt 3 project.

Frequently Asked Questions about nuxt-development

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

FAQPage Schema
How do I structure directories for a Nuxt 3 project?▼

Nuxt 3 auto-imports components and composables from their respective directories, streamlining frontend development. You can use these utilities directly in your Vue files without manual import statements, accelerating your web development workflow.

How do I handle SSR data fetching in Nuxt 3?▼

Handle SSR data fetching in Nuxt 3 by utilizing specific composables like useFetch and useAsyncData. These composables manage server-side rendering data requests efficiently, ensuring proper hydration and state management for your Vue application.

What is the best way to create API routes in a Nuxt 3 application?▼

Create API routes in a Nuxt 3 application by standardizing the creation of server-side endpoints within the server/ directory. This approach follows Nuxt conventions to build backend logic directly within your frontend project structure.

Can I use TypeScript with Nuxt 3 development standards?▼

Yes, Nuxt 3 development standards fully support TypeScript integration for web development. You can type your Vue components, composables, and server-side API routes to ensure robust and maintainable frontend JavaScript code.

Why should I use useFetch instead of standard fetch in Nuxt 3?▼

Use useFetch instead of standard fetch to leverage built-in server-side rendering support and SSR state hydration. This Nuxt 3 composable handles data fetching consistently across server and client, preventing hydration mismatches in your Vue application.

Related Skills

Explore More Software Engineering Skills→
haxlyshaxlys

javascript-testing-patterns

Implement Jest, Vitest, and Testing Library test suites for JavaScript/TypeScript projects.

Community
Advanced
ROYCE-8425ROYCE-8425
1

nuxt4-patterns

Configures Nuxt 4 hydration safety, SSR data fetching, and route rules.

Community
Advanced
micserrmicserr

toge:prototype

Convert wireframe files into interactive Vue 3 prototypes with Vue Router and Pinia.

Community
Intermediate
EntroVyxEntroVyx
3

hunt-nextjs

Identify and validate Next.js and React SSR security vulnerabilities.

Community
Advanced