Awesome Nuxt is a curated directory of Nuxt.js resources, packaged as a static site built with VuePress and maintained on GitHub by Le Minh Tri (ansidev).
What is Awesome Nuxt?
Awesome Nuxt is a curated list of plugins, modules, and tools for Nuxt.js, presented as a static website. It accepts markdown content as input and generates a browsable directory of Nuxt-related resources. The project runs on VuePress and is deployed via GitHub Pages using a GitHub Actions workflow. It complements the official Community Nuxt.js Awesome List by offering an alternative browsing experience.
Key Features
- Curated content — A hand-picked collection of Nuxt.js resources, distinct from the official community list.
- VuePress static site — Content is written in Markdown and compiled to a static site using VuePress, stored under
content/.vuepress/distafter build. - Live-reload development — Running
pnpm run devcompiles content and serves it locally with automatic updates when markdown files change. - Production build and deploy —
pnpm run buildgenerates a deployabledistdirectory, and the repository ships a GitHub Actions workflow for Pages deployment. - Quality checks — Includes a
lintscript that runs a markdown linter and atestscript that invokes the linter. - Open source — Released under the MIT License, with a contributing guide provided in the repository.
Who is it for?
- Nuxt.js developers — Browse a focused list of Nuxt-related resources without wading through the broader community list.
- Package authors — Submit their Nuxt module or tool to the list via the contributing guide to gain visibility.
- Curated-list maintainers — Use the VuePress setup as a reference for turning a markdown list into a fast static site.
What can you do with Awesome Nuxt?
- Discover resources: Browse collected Nuxt.js plugins, modules, and tools organized on a static site.
- Run it locally: Clone,
pnpm install, thenpnpm run devto serve the compiled content on your machine. - Contribute content: Follow the Contributing Guide to add new entries to the curated markdown list.
- Deploy your own copy: Build the site with
pnpm run buildand serve the generatedcontent/.vuepress/distfolder anywhere.
How does Awesome Nuxt work?
The workflow starts by cloning the repository and installing dependencies with pnpm install. Then pnpm run dev compiles the markdown content and starts a local server with hot reload. For production, pnpm run build generates a static dist directory that can be deployed with a static file server or via GitHub Pages using the included workflow.
