MDX Style Guide

Table of Contents

A style guide for writing MDX content in Astro projects using Astro Friday.

props

You can access the following props in your MDX files when using Astro Friday:

{
  "entry": {
    "id": "mdx-style-guide",
    "data": {
      "title": "MDX Style Guide",
      "description": "A style guide for writing MDX content in Astro projects using Astro Friday.",
      "created": "2025-10-22T00:00:00+00:00",
      "author": "Byron",
      "series": [],
      "tags": [
        "astro",
        "markdown",
        "mdx",
        "guide",
        "astro-friday"
      ],
      "keywords": [],
      "draft": false,
      "lang": "en",
      "langs": {
        "en": {
          "value": "mdx-style-guide",
          "collection": "guide"
        }
      },
      "id": "mdx-style-guide",
      "permalink": "https://byronogis.github.io/astro-friday/post/mdx-style-guide",
      "modified": "2025-12-01T18:55:15+08:00"
    },
    "body": "import { Code } from 'astro/components';\n\n> {frontmatter.description}\n\n## props\n\nYou can access the following `props` in your MDX files when using Astro Friday:\n\n<Code\n  code={JSON.stringify(props, null, 2)}\n  lang=\"js\"\n  themes={{ light: 'vitesse-light', dark: 'vitesse-dark' }}\n  defaultColor={false}\n/>\n\n**Link Using processed frontmatter data:**\n\n`props.entry.data.author`: {props.entry.data.author}",
    "filePath": "src/contents/guide/mdx-style-guide.mdx",
    "digest": "a46d7b2d61eee9c4",
    "deferredRender": true,
    "collection": "guide"
  },
  "children": null,
  "components": {}
}

Link Using processed frontmatter data:

props.entry.data.author: Byron