Nuxt Content is a file-based CMS module for Nuxt applications that parses Markdown, YAML, CSV, and JSON files from a content directory to create a queryable data layer.
The tool solves the problem of managing content in Nuxt applications without requiring a separate headless CMS backend. It reads files from a local content directory, parses them into structured data, and makes them available through a fully typed query API. A distinctive feature is support for embedding Vue components directly within Markdown using MDC syntax, allowing interactive content alongside static text. The project uses SQLite as its underlying database for queries and includes code highlighting powered by Shiki.
Nuxt Content suits projects that want content management tightly integrated with their Nuxt application, particularly those already using Markdown for documentation or blog posts. It works in serverless and edge environments including Cloudflare Workers. The tool is most appropriate for teams comfortable managing content as files in version control rather than through a GUI, and for applications where a full headless CMS would be overkill. It generates navigation automatically from your content structure and provides hot module replacement during development for rapid iteration.
The project maintains an active development pace with regular updates to support new Nuxt versions and features. The codebase is written in TypeScript, providing type safety for content queries and integrations. Development workflows are well-documented with clear commands for installation, preparation, building, and testing using pnpm. The project includes a playground environment for experimentation and maintains comprehensive documentation at its dedicated site.
