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
Discover Nuxt Studio: the pro version of Content

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 support both Static Generation, Node.js hosting or even the Workers environements.

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:

Terminal
npx nuxi@latest init content-app -t content

To start your Nuxt content app in development mode:

Terminal
npm run dev

Trusted and supported by our
amazing community

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

Created and maintained by 180+ contributors

154K+

Monthly Downloads

2.8K+

Stars

Meet Studio
The pro version of Nuxt Content

Nuxt Studio lets you edit your websites made with Nuxt Content on any devices and by anyone. Opening a new door between git-based CMS and collaboration with your marketing teams.

  • Sync with GitHub
  • Preview links
  • Enhanced Markdown Editor
  • App Config Editor
  • Live collaboration
  • Edit on mobile
  • Media Library
  • Deployment
Try it now!

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.