nuxt▌
antfu/skills · updated Apr 23, 2026
Full-stack Vue framework with SSR, file-based routing, auto-imports, and universal deployment via Nitro.
- ›Covers core concepts including directory structure, configuration, CLI commands, file-based routing with middleware and layouts, and data fetching with useFetch and useAsyncData
- ›Supports three rendering modes: universal SSR, client-side SPA, and hybrid rendering with route-level control
- ›Includes auto-import systems for composables and components, built-in components like NuxtLink
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
| Topic | Description | Reference |
|---|---|---|
| Directory Structure | Project folder structure, conventions, file organization | core-directory-structure |
| Configuration | nuxt.config.ts, app.config.ts, runtime config, environment variables | core-config |
| CLI Commands | Dev server, build, generate, preview, and utility commands | core-cli |
| Routing | File-based routing, dynamic routes, navigation, middleware, layouts | core-routing |
| Data Fetching | useFetch, useAsyncData, $fetch, caching, refresh | core-data-fetching |
| Modules | Creating and using Nuxt modules, Nuxt Kit utilities | core-modules |
| Deployment | Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare | core-deployment |
Features
| Topic | Description | Reference |
|---|---|---|
| Composables Auto-imports | Vue APIs, Nuxt composables, custom composables, utilities | features-composables |
| Components Auto-imports | Component naming, lazy loading, hydration strategies | features-components-autoimport |
| Built-in Components | NuxtLink, NuxtPage, NuxtLayout, ClientOnly, and more | features-components |
| State Management | useState composable, SSR-friendly state, Pinia integration | features-state |
| Server Routes | API routes, server middleware, Nitro server engine | features-server |
Rendering
| Topic | Description | Reference |
|---|---|---|
| Rendering Modes | Universal (SSR), client-side (SPA), hybrid rendering, route rules | rendering-modes |
Best Practices
| Topic | Description | Reference |
|---|---|---|
| Data Fetching Patterns | Efficient fetching, caching, parallel requests, error handling | best-practices-data-fetching |
| SSR & Hydration | Avoiding context leaks, hydration mismatches, composable patterns | best-practices-ssr |
Advanced
| Topic | Description | Reference |
|---|---|---|
| Layers | Extending applications with reusable layers | advanced-layers |
| Lifecycle Hooks | Build-time, runtime, and server hooks | advanced-hooks |
| Module Authoring | Creating publishable Nuxt modules with Nuxt Kit | advanced-module-authoring |
Discussion
Product Hunt–style comments (not star reviews)- No comments yet — start the thread.
Ratings
4.6★★★★★26 reviews- ★★★★★Nikhil Haddad· Dec 20, 2024
We added nuxt from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
- ★★★★★Dhruvi Jain· Dec 4, 2024
nuxt reduced setup friction for our internal harness; good balance of opinion and flexibility.
- ★★★★★Oshnikdeep· Nov 23, 2024
I recommend nuxt for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
- ★★★★★Mia Brown· Nov 19, 2024
nuxt is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
- ★★★★★Nikhil Li· Nov 15, 2024
Solid pick for teams standardizing on skills: nuxt is focused, and the summary matches what you get after install.
- ★★★★★James Abebe· Nov 11, 2024
Keeps context tight: nuxt is the kind of skill you can hand to a new teammate without a long onboarding doc.
- ★★★★★Ganesh Mohane· Oct 14, 2024
Useful defaults in nuxt — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
- ★★★★★Mia Okafor· Oct 10, 2024
Keeps context tight: nuxt is the kind of skill you can hand to a new teammate without a long onboarding doc.
- ★★★★★Hana Khanna· Oct 6, 2024
nuxt has been reliable in day-to-day use. Documentation quality is above average for community skills.
- ★★★★★Emma Li· Oct 2, 2024
nuxt is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
showing 1-10 of 26