nuxt2

Provide Nuxt.js development guidelines for project structure, configuration, and state management.

Updated Jan 28, 2026
One-click install
npx skills add https://github.com/newkub/skills --skill nuxt2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt2
Source: https://github.com/newkub/skills/tree/main/framework-nuxt2
Command: npx skills add https://github.com/newkub/skills --skill nuxt2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill provides comprehensive guidelines and best practices for developing Nuxt.js projects, ensuring a well-structured, maintainable, and high-quality codebase.

Core Features & Use Cases

  • Project Structure: Guides on organizing Nuxt projects for optimal maintainability.
  • Configuration: Best practices for nuxt.config.ts and tsconfig.json.
  • Component & Page Development: Standards for creating Vue components, pages, layouts, and composables.
  • State Management: Recommendations for using Pinia.
  • API & Server Logic: Guidelines for server routes, middleware, and composables.
  • Use Case: When starting a new Nuxt.js project or refactoring an existing one, use this Skill to ensure adherence to industry best practices for structure, performance, and maintainability.

Quick Start

Apply the nuxt2 skill to establish best practices for a new Nuxt.js project.

Frequently Asked Questions about nuxt2

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

FAQPage Schema
What are the best practices for structuring a Nuxt.js project?

Best practices for structuring a Nuxt.js project involve organizing directories for optimal maintainability, configuring nuxt.config.ts properly, and standardizing Vue components, pages, and layouts.

How do I configure state management with Pinia in a Nuxt.js application?

To configure state management with Pinia in a Nuxt.js application, follow established guidelines for integrating Pinia stores to ensure maintainable and high-quality codebase state logic.

Does this Nuxt.js development guide cover server routes and middleware?

Yes, this Nuxt.js development guide covers server routes and middleware by providing specific guidelines for API server routes and server-side composables.

What's the best way to develop Vue components and composables in Nuxt.js?

The best way to develop Vue components and composables in Nuxt.js is to apply development standards that ensure well-structured page layouts and maintainable frontend architecture.

When do I need a Nuxt.js development best practices guide?

You need a Nuxt.js development best practices guide when starting a new project or refactoring an existing one to ensure your codebase adheres to industry standards for performance and maintainability.

How do I set up nuxt.config.ts and tsconfig.json for a new web project?

To set up nuxt.config.ts and tsconfig.json for a new web project, apply configuration best practices that establish a well-structured and high-quality Nuxt.js development environment.