Build a blog or documentation site where writers edit Markdown files directly.
Add interactive Vue components inside Markdown content using MDC syntax.
Query and filter site content with a structured query builder instead of a database.
| nuxt/content | csfrequency/react-firebase-hooks | jameskerr/react-arborist | |
|---|---|---|---|
| Stars | 3,637 | 3,637 | 3,636 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 2/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires an existing Nuxt 3 project.
Nuxt Content is a module for Nuxt, a framework for building websites with Vue. It lets you store your website's text and data as plain files in a folder called content, rather than in a database. Those files can be Markdown, YAML, CSV, or JSON. When your site builds or a visitor loads a page, the module reads those files and makes their contents available to your page templates. The main appeal is that non-technical writers can edit content by editing text files, and developers can use the same files in their code without setting up a separate content management system. Nuxt Content acts as the layer between the two. It builds an internal SQLite database from your content files and gives developers a query builder to search, filter, and retrieve content in a structured way. Markdown files get some extra capabilities through a syntax called MDC. This lets you drop Vue components directly into the middle of a Markdown document, so a content author can add interactive elements like cards, tabs, or video embeds just by writing a short tag in their text file. Other features include automatic code syntax highlighting powered by Shiki, navigation tree generation from your content structure, and support for serverless and edge deployment environments like Cloudflare Workers. Development includes fast hot reloading so changes to content files appear instantly in the browser. The module is open source under the MIT license and is maintained by the Nuxt team.
A Nuxt module that turns Markdown, YAML, CSV, or JSON files in your project into a queryable content layer for your website, no database needed.
Mainly TypeScript. The stack also includes Nuxt, Vue, TypeScript.
Free to use, modify, and distribute, even commercially, as long as you include the original copyright and license notice.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.