• Documentation
  • Playground
  • Templates
  • Releases
InstallationConfigurationEdge ChannelMigration
Content DirectoryMarkdownJSON, YAML, CSVRender ContentSearchFetch NavigationTypeScript Support
queryContent()fetchContentNavigation()useContentHead()useContentHelpers()useUnwrap()searchContent()
<ContentDoc><ContentRenderer><ContentList><ContentNavigation><ContentQuery><ContentSlot>Prose Components
IntroductionuseContent()
HooksTransformersSitemap
Usage

Markdown

Nuxt Content uses the Markdown syntax and conventions to provide a rich-text editing experience.


Content Directory

The Content module parses .md and .yaml files inside the content/ directory and provides paths according to the directory structure.

JSON, YAML, CSV

Nuxt Content can also query JSON, YAML and CSV content.

  • Introduction
  • Front-matter
  • Excerpt
  • Code Highlighting
  • Images
  • Vue Components
    • Block Components
    • Inline components
    • Props
    • Span Text
    • Attributes
  • Binding Data in Markdown
    • Example 1: Define in YAML
    • Example 2: Define in external with <ContentRendererMarkdown>
  • Prose Components

Community

Edit this page Star on GitHub Chat on Discord Become a Sponsor Nuxt docs

Ecosystem

Nuxt Studio
  • Documentation
  • Playground
  • Templates
  • Releases
Published under MIT License