Awesome Nuxt

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/dist after build.
• Live-reload development — Running pnpm run dev compiles content and serves it locally with automatic updates when markdown files change.
• Production build and deploy — pnpm run build generates a deployable dist directory, and the repository ships a GitHub Actions workflow for Pages deployment.
• Quality checks — Includes a lint script that runs a markdown linter and a test script 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, then pnpm run dev to 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 build and serve the generated content/.vuepress/dist folder 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.