Guide Nuxt module development with defineNuxtModule, Kit utilities, and lifecycle hooks.
npx skills add https://github.com/noartem/kawa --skill nuxt-modules-noartem
Please help me install this Agent Skill. Skill: nuxt-modules Source: https://github.com/noartem/kawa/tree/main/ui/.ai/skills/nuxt-modules Command: npx skills add https://github.com/noartem/kawa --skill nuxt-modules-noartem
Nuxt module development can be complex due to diverse module types, patterns, and tooling; this skill provides a structured, repeatable approach to building and releasing modules that extend Nuxt.
Create a minimal Nuxt module using defineNuxtModule, wire it into a sample Nuxt app, and observe the module's lifecycle hooks in action.
High-intent search queries and answers about installing and using this skill.
Defining a Nuxt module involves using the defineNuxtModule pattern to establish frontmatter metadata and wire up lifecycle hooks. This approach leverages Kit utilities to ensure robust framework extension, applicable to published npm modules, local modules, or inline integrations.
You can build published npm modules, local project modules, or inline runtime integrations. Each type uses the same defineNuxtModule patterns and Kit utilities but differs in how it is packaged, distributed, and wired into the host Nuxt application.
Exposing server routes and runtime components in a Nuxt module requires utilizing Kit utilities and lifecycle hooks to register plugins and API endpoints. This integration ensures your module can seamlessly inject server extensions and middleware into the host application.
The best way to test and publish a Nuxt module involves implementing end-to-end tests and configuring CI/CD pipelines. Following these testing and publishing workflows ensures your module is reliable before releasing it to the npm registry.
Yes, Nuxt Kit utilities work perfectly for local module development without publishing to npm. The defineNuxtModule pattern and lifecycle hooks apply equally to local modules and inline integrations, allowing you to extend your framework locally before deciding to publish.
peterWang123589Build server-rendered Vue applications with file-based routing and Nitro deployments.
OleksandrKucherenkoAutomate npm package releases to GitHub with version bumps and changelogs.
jd-solankiAutomate Nuxt module development from scaffolding to publishing with defineNuxtModule patterns.
incubrainGuide developers in creating, publishing, and maintaining Nuxt modules with Nuxt Kit.
