Sourcify
Effortlessly find and manage open-source dependencies for your projects.

Transform your content folder into a powerful database for Git-based CMS workflows.

Nuxt Content is a high-performance, file-based CMS module for the Nuxt framework. In the 2026 landscape, it serves as the premier solution for developers seeking a Git-based workflow without the overhead of traditional database-driven headless CMS platforms. It functions by parsing Markdown, YAML, CSV, and JSON files within a project's content directory into a local database (powered by SQLite in recent versions), which can then be queried using a MongoDB-like syntax. The core technical advantage is its Markdown Components (MDC) syntax, which allows developers to embed interactive Vue components directly into static content files, effectively bridging the gap between dynamic application logic and static text. This architecture is purpose-built for high-performance documentation sites, technical blogs, and enterprise-grade knowledge bases that prioritize SEO, version control, and developer experience. By leveraging Nuxt's native Nitro engine, Nuxt Content ensures that data fetching is optimized for both Static Site Generation (SSG) and Server-Side Rendering (SSR), making it a cornerstone of the modern Nuxt ecosystem.
Nuxt Content is a high-performance, file-based CMS module for the Nuxt framework.
Explore all tools that specialize in documentation generation. This domain focus ensures Nuxt Content delivers optimized results for this specific requirement.
Allows the usage of Vue components within Markdown files using a specialized syntax that supports props and slots.
A programmatic API (queryContent) to filter, sort, and search through content files using logic chains.
Automatic syntax highlighting using Shiki, providing VS Code-quality code blocks.
Instant updates in the browser when content files are modified on disk without a page reload.
Generates a complete navigation tree based on the folder structure and frontmatter metadata.
Automatically indexes content for client-side or server-side search capabilities via the search endpoint.
Native integration with a cloud-based visual editor that writes directly back to GitHub.
Install the module using: npx nuxi@latest module add content
Create a 'content/' directory in your Nuxt project root.
Add Markdown files (.md) with Frontmatter to the content folder.
Configure 'nuxt.config.ts' to include '@nuxt/content'.
Use the <ContentDoc /> component to automatically fetch and render content.
Leverage the queryContent() composable for custom data fetching logic.
Implement MDC (Markdown Components) to use Vue components in your .md files.
Enable full-text search via the built-in Nitro search integration.
Configure deployment via Nuxt Hub or Vercel for automated builds on Git push.
Connect to Nuxt Studio for a visual editing interface.
All Set
Ready to go
Verified feedback from other users.
"Extremely well-received for its simplicity and the 'MDC' feature which is considered a game-changer for content sites. Some users find the initial learning curve for queryContent() syntax slightly higher than basic Markdown readers."
Post questions, share tips, and help other users.
Effortlessly find and manage open-source dependencies for your projects.

End-to-end typesafe APIs made easy.

Page speed monitoring with Lighthouse, focusing on user experience metrics and data visualization.

Topcoder is a pioneer in crowdsourcing, connecting businesses with a global talent network to solve technical challenges.

Explore millions of Discord Bots and Discord Apps.

Build internal tools 10x faster with an open-source low-code platform.

Open-source RAG evaluation tool for assessing accuracy, context quality, and latency of RAG systems.

AI-powered synthetic data generation for software and AI development, ensuring compliance and accelerating engineering velocity.