1. @nuxt/content
Write your content inside your Nuxt app
@nuxt/content
Package: @nuxt/content
Created by: nuxt
Last modified: Thu, 07 Mar 2024 15:43:50 GMT
Version: 2.12.1
License: MIT
Downloads: 186,573
Repository: https://github.com/nuxt/content

Install

npm install @nuxt/content
yarn add @nuxt/content

nuxt-content-social-card

Nuxt Content

npm version
npm downloads
License
Nuxt
Volta

Nuxt Content reads the content/ directory in your project, parses .md, .yml, .csv or .json files and creates a powerful data layer for your application. Bonus, use Vue components in Markdown with the MDC syntax.

Features

  • Nuxt 3 support
  • A Markdown syntax made for Vue components (MDC)
  • Navigation generation
  • Code highlighting with Shiki
  • Blazing fast hot module replacement in development
  • Powerful query builder (MongoDB like)
  • Table of contents generation
  • Also handles CSV, YAML and JSON(5)
  • Extend with hooks and content plugins
  • ... and more

Nuxt 2

Nuxt 2 is supported with Content v1, documentation is on https://content.nuxt.com/v1 and the code on the v1 branch.

💻 Development

[!NOTE]
This repository uses bash scripts for development and testing. If you are on Windows, you can use WSL or Git Bash.

  • Clone repository
  • Install dependencies using pnpm install
  • Prepare using pnpm prepare
  • Build using pnpm build
  • Try playground using pnpm dev
  • Test using pnpm test

License

MIT - Made with 💚

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin