N

nuxt

by @antfuv
4.5(325)

Nuxt is a full-stack Vue framework supporting SSR, auto-imports, and file-based routing, used for developing Nuxt applications, server routes, and hybrid rendering.

nuxtvue.js-frameworkserver-side-rendering-(ssr)full-stack-developmentGitHub
Installation
npx skills add antfu/skills --skill nuxt
compare_arrows

Before / After Comparison

1
Before

Manually building a full-stack Vue application requires configuring SSR, routing, API interfaces, and middleware, a process that is complex and time-consuming.

After

This skill leverages Nuxt framework features like SSR, auto-imports, and file-based routing to simplify full-stack Vue application development. It supports server routing, `useFetch`, middleware, and hybrid rendering, significantly improving development efficiency.

SKILL.md

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

User Reviews (0)

Write a Review

Effect
Usability
Docs
Compatibility

No reviews yet

Statistics

Installs15.7K
Rating4.5 / 5.0
Version
Updated2026年5月23日
Comparisons1

User Rating

4.5(325)
5
23%
4
51%
3
23%
2
2%
1
0%

Rate this Skill

0.0

Compatible Platforms

🔧Claude Code
🔧OpenClaw
🔧OpenCode
🔧Codex
🔧Gemini CLI
🔧GitHub Copilot
🔧Amp
🔧Kimi CLI

Timeline

Created2026年3月16日
Last Updated2026年5月23日