Available Renderers

StudioCMS comes with a few built-in renderers that you can use to render your content. These renderers are built to be extendable and customizable to fit your needs.

Marked Renderer

The default renderer for StudioCMS is the marked renderer. This renderer is used to render markdown content into HTML. This renderer is used by default when no other renderer is specified.

Usage

astro.config.mjs

  studioCMS({
      rendererConfig: {
        renderer: 'marked'
      },
  })

Configuration

see Marked Configuration for more information on how to configure the Marked renderer.

MDX Renderer

Custom MDX renderer that allows the end user to provide a highly customizable MDX experience

Usage

astro.config.mjs

  studioCMS({
      rendererConfig: {
        renderer: 'mdx'
      },
  })

Configuration

See MDX Configuration for more information on how to configure the MDX renderer.

MarkDoc Renderer

In addition to Marked, StudioCMS provides an alternative with Markdoc, offering users a choice for their markdown processing needs.

Usage

astro.config.mjs

  studioCMS({
      rendererConfig: {
        renderer: 'markdoc'
      },
  })

Configuration

see MarkDoc Configuration for more information on how to configure the MarkDoc renderer.

Custom Renderers

StudioCMS’s MarkDoc renderer allows you to define custom renderers for your content. This allows you to define custom rendering logic for your content.

see MarkDoc Renderers for more information on how to define custom renderers for MarkDoc.

Astro Remark Renderer

The default Astro renderer for their markdown content. This renderer adapts the markdown configuration from your astro.config.mjs file.

Usage

astro.config.mjs

  studioCMS({
      rendererConfig: {
        renderer: 'astro'
      },
  })

Configuration

See Astro’s Markdown Configuration for more information on how to configure the Astro Remark renderer.