Content made easy for
Vue Developers

Nuxt Content reads the content/ directory in your project, parses .md, .yml, .csv and .json files to create a powerful data layer for your application. Use Vue components in Markdown with the MDC syntax.
Get Started
Nuxt Studio: the Nuxt Content Editor

Start your next project with
powerful features

File-based CMS

Write your content in Markdown, YML, CSV or JSON and query it in your components with powerful composables.

Query Builder

Query your content with a MongoDB-like API to fetch the right data at the right time.

Flexible Database

Add custom fields to your content, making it suitable for various types of projects and content structures.

Markdown with Components

Use Vue components in Markdown files, with props, slots and nested components with our improved Markdown syntax.

Code highlighting

Display beautiful code blocks on your website with the Shiki integration supporting VS Code themes.

Deploy everywhere.

Nuxt Content supports both Static Generation, Node.js hosting and even Workers environments.

Get started Now

Nuxt Content is a Git-based Headless CMS for Vue.js developers. It allows you to build your content with Markdown and JSON, and query it with a MongoDB-like API.
Read the documentationExplore content themes

Start a fresh Nuxt Content project with:

npx nuxi@latest init content-app -t content

To start your Nuxt content app in development mode:

npm run dev

Trusted and supported by our
amazing community

+15
ThomOrlo
bdrtsky
cogor
Barbapapazes
NozomuIkuta
danielroe
nobkd
pi0
clemcode
Tahul
Atinux
benjamincanac
farnabaz

Created and maintained by 180+ contributors

197K+

Monthly Downloads

3K+

Stars

Meet Studio
The Git-based CMS for Nuxt

Nuxt Studio is a new editing experience for your Nuxt Content website, offering infinite customization and user-friendly edition. Edit your website with our Notion-like editor and unleash the collaboration between developers and copywriters.
  • Notion like editor
  • Live collaboration
  • Sync with GitHub
  • Google authentication
  • Custom components
  • Preview links
  • Continuous deployment
  • Draft & review
Try Nuxt Studio for free!

Start building Today

Are you ready to start building your next project with Nuxt Content? Our documentation will help you get up and running in no time.

Getting Started

Create a new content-driven project with Nuxt Content or add it to your existing project.

Playground

Play with Nuxt Content in the browser with our Stackblitz playground.