Skill
Community

nuxt

Install
1
Install the plugin
$
npx claudepluginhub pleaseai/claude-code-plugins --plugin nuxt

Want just this skill?

Then install: npx claudepluginhub u/[userId]/[slug]

Description

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

Tool Access

This skill uses the workspace's default tool permissions.

Supporting Assets
View in Repository
GENERATION.md
references/advanced-hooks.md
references/advanced-layers.md
references/advanced-module-authoring.md
references/best-practices-data-fetching.md
references/best-practices-ssr.md
references/core-cli.md
references/core-config.md
references/core-data-fetching.md
references/core-deployment.md
references/core-directory-structure.md
references/core-modules.md
references/core-routing.md
references/features-components-autoimport.md
references/features-components.md
references/features-composables.md
references/features-server.md
references/features-state.md
references/rendering-modes.md
Skill Content

Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms.

The skill is based on Nuxt 3.x, generated at 2026-01-28.

Core

TopicDescriptionReference
Directory StructureProject folder structure, conventions, file organizationcore-directory-structure
Configurationnuxt.config.ts, app.config.ts, runtime config, environment variablescore-config
CLI CommandsDev server, build, generate, preview, and utility commandscore-cli
RoutingFile-based routing, dynamic routes, navigation, middleware, layoutscore-routing
Data FetchinguseFetch, useAsyncData, $fetch, caching, refreshcore-data-fetching
ModulesCreating and using Nuxt modules, Nuxt Kit utilitiescore-modules
DeploymentPlatform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflarecore-deployment

Features

TopicDescriptionReference
Composables Auto-importsVue APIs, Nuxt composables, custom composables, utilitiesfeatures-composables
Components Auto-importsComponent naming, lazy loading, hydration strategiesfeatures-components-autoimport
Built-in ComponentsNuxtLink, NuxtPage, NuxtLayout, ClientOnly, and morefeatures-components
State ManagementuseState composable, SSR-friendly state, Pinia integrationfeatures-state
Server RoutesAPI routes, server middleware, Nitro server enginefeatures-server

Rendering

TopicDescriptionReference
Rendering ModesUniversal (SSR), client-side (SPA), hybrid rendering, route rulesrendering-modes

Best Practices

TopicDescriptionReference
Data Fetching PatternsEfficient fetching, caching, parallel requests, error handlingbest-practices-data-fetching
SSR & HydrationAvoiding context leaks, hydration mismatches, composable patternsbest-practices-ssr

Advanced

TopicDescriptionReference
LayersExtending applications with reusable layersadvanced-layers
Lifecycle HooksBuild-time, runtime, and server hooksadvanced-hooks
Module AuthoringCreating publishable Nuxt modules with Nuxt Kitadvanced-module-authoring
Stats
Stars5
Forks1
Last CommitFeb 8, 2026

Similar Skills