{
    "componentChunkName": "component---src-components-blog-post-jsx",
    "path": "/blog/thoughts-on-migrating-from-markdown-to-mdx/",
    "result": {"data":{"site":{"siteMetadata":{"author":"Monica Powell","siteUrl":"https://www.aboutmonica.com"}},"mdx":{"id":"93a3f234-f419-54a8-be65-462f3a8bc02f","timeToRead":2,"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar Slider = function Slider() {\n  var _React$useState = React.useState(\"0\"),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      position = _React$useState2[0],\n      setPosition = _React$useState2[1];\n\n  var text = null;\n\n  if (position === \"0\") {\n    text = \"👩🏾‍💻\";\n  } else if (position === \"1\") {\n    text = \"🤔\";\n  } else if (position === \"2\") {\n    text = \"🎉\";\n  }\n\n  return mdx(\"div\", {\n    style: {\n      textAlign: \"center\"\n    }\n  }, mdx(\"h4\", {\n    style: {\n      margin: 0,\n      fontSize: 100\n    }\n  }, text), mdx(\"input\", {\n    type: \"range\",\n    step: \"1\",\n    max: \"2\",\n    min: \"0\",\n    value: position,\n    onChange: function onChange(e) {\n      return setPosition(e.target.value);\n    }\n  }));\n};\n\nvar _frontmatter = {\n  \"title\": \"Initial Thoughts On Migrating from gatsby-transformer-remark to gatsby-plugin-mdx\",\n  \"date\": \"2020-05-26T11:28:31.895Z\",\n  \"template\": \"post\",\n  \"draft\": true,\n  \"slug\": \"thoughts-on-migrating-from-markdown-to-mdx\",\n  \"category\": [\"reflection\"],\n  \"description\": \"Some of my initial thoughts from migrating this Gatsby site from gatsby-transformer-remark to gatsby-plugin-mdx in order to support MDX in addition to Markdown.\",\n  \"tags\": [\"Gatsby\", \"MDX\"]\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Callout = makeShortcode(\"Callout\");\nvar layoutProps = {\n  Slider: Slider,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"Yesterday, I decided tackle two things at once, live-streaming for the first time on \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.twitch.tv/blacktechdiva\"\n  }, \"Twitch\"), \" \\uD83C\\uDF89 while updating this site to support MDX in addition to Markdown. \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/mdx-js/mdx\"\n  }, \"MDX\"), \" allows developers to write JSX in Markdown documents. I was interested in upgrading this blog to support MDX because from what I've seen it will enable me to produce more interactive and engaging blog content.\"), mdx(\"p\", null, \"Move the slider below to navigate through my MDX journey so far and see MDX in action:\"), mdx(Slider, {\n    mdxType: \"Slider\"\n  }), mdx(\"p\", null, \"I adapted this slider from the one in this article on \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://johno.com/year-of-the-interactive-blog-post/\"\n  }, \"The Year of The Interactive Blog Post\"), \"\\nwhich features various examples of articles with immersive and engaging interactive experiences.\"), mdx(\"p\", null, \"Here are some of my initial thoughts and findings from migrating this Gatsby site from using Markdown to MDX\"), mdx(\"h2\", {\n    \"id\": \"beware-of-conflicting-plugins\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#beware-of-conflicting-plugins\",\n    \"aria-label\": \"beware of conflicting plugins permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Beware of Conflicting Plugins\"), mdx(\"p\", null, \"While I was migrating from gatsby-transformer-remark to gatsby-plugin-mdx to allow my site to support .MDX files in addition to .MD files I followed the steps in this Gastby article on \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.gatsbyjs.org/blog/2019-11-21-how-to-convert-an-existing-gatsby-blog-to-use-mdx/\"\n  }, \"converting an existing Gatsby blog to use MDX\"), \". However, along the way I ran into an error accessing some of the fields that should be available for mdx nodes like \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"body\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"timeToRead\"), \" and \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"excerpt\"), \".\"), mdx(Callout, {\n    variant: \"danger\",\n    mdxType: \"Callout\"\n  }, \" \", \"error Cannot query field \\\"body\\\" on type \\\"Mdx\\\". Did you mean \\\"rawBody\\\"? graphql/template-strings\"), mdx(\"p\", null, \"While debugging the issue I ended up commenting out all of the plugins in \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"gatsbyRemarkPlugins\"), \" and confirming that all of the data that should be available to query from mdx was available. I then re-added each plugin one-by-one to determine the culprit. In my case there was a conflict with gatsby-plugin-mdx and the plugin I use to generate Open Graph images for all of my posts (gatsby-plugin-my-social-cards). Until I replaced gatsby-plugin-my-social-cards with gatsby-remark-twitter-cards the plugin \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"body\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"timeToRead\"), \" and \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"excerpt\"), \" were not available to query.\"), mdx(\"p\", null, \"I am not sure how common plugin conflicts like this are but it's definitely something to be aware of when migrating from gatsby-transformer-remark to gatsby-plugin-mdx.\"), mdx(\"h2\", {\n    \"id\": \"upgrade-your-syntax-highlighting\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#upgrade-your-syntax-highlighting\",\n    \"aria-label\": \"upgrade your syntax highlighting permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Upgrade Your Syntax Highlighting\"), mdx(\"p\", null, \"So far I am impressed with the developer experience of being able to use React components within MDX. However, in order to have better syntax highlighting for the AST of MDX files I needed to install an MDX specific plugin, \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://marketplace.visualstudio.com/items?itemName=JounQin.vscode-mdx\"\n  }, \"VSCode MDX Plugin\"), \". The syntax highlighting with this plugin is signficantly better than without but it does seem a bit \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"off\"), \". I am curious if there's a better syntax highlighting option for MDX.\"), mdx(\"h2\", {\n    \"id\": \"create-reusable-components-for-repetitive-markdown\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#create-reusable-components-for-repetitive-markdown\",\n    \"aria-label\": \"create reusable components for repetitive markdown permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Create Reusable Components for Repetitive Markdown\"), mdx(\"p\", null, \"Aside from being able to support more interactivity in my writing I most excited about using MDX to be able to isolate certain functionality into distinct components. After migrating to MDX I was able to replace my ad-hoc Markdown based Table of Contents with a React component\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/media/toc-diff.png\",\n    \"alt\": \"diff with markdown table of contents vs MDX table of contents\"\n  })), mdx(\"p\", null, \"The above screenshot of the code diff shows how I was able to replace the multiple lines of Markdown that were previously required for me to generate a Table of Contents with a one-line component that is able to parse the tableOfContents from the mdx nodes.\"), mdx(\"p\", null, \"This article is very much a garden post \\uD83C\\uDF31 as I wanted to document my initial learnings and thoughts from updating my site to support mdx.\"));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#beware-of-conflicting-plugins","title":"Beware of Conflicting Plugins"},{"url":"#upgrade-your-syntax-highlighting","title":"Upgrade Your Syntax Highlighting"},{"url":"#create-reusable-components-for-repetitive-markdown","title":"Create Reusable Components for Repetitive Markdown"}]},"frontmatter":{"title":"Initial Thoughts On Migrating from gatsby-transformer-remark to gatsby-plugin-mdx","date":"May 26, 2020","description":"Some of my initial thoughts from migrating this Gatsby site from gatsby-transformer-remark to gatsby-plugin-mdx in order to support MDX in addition to Markdown.","tags":["Gatsby","MDX"]}},"allWebMentionEntry":{"edges":[{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/580955233","wmProperty":"like-of","wmId":843610,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-580955233","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/tuxfede","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/cc2ba16cc7c58773242481bb3055879065f22508c77835519e5722fc36fb31cb.jpg","name":"Federico López"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/31241711","wmProperty":"like-of","wmId":843538,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-31241711","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/hollowaynz","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/73b96adcfabc8335097651d1a7b9303a96b2c17b467bf77a5b134a7a6a2a3f7b.jpg","name":"Matthew Holloway | Black Lives Matter"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/126614844","wmProperty":"like-of","wmId":843539,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-126614844","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/__ndrw","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/38be17147a8f98490b9ca22c549c6febb2a2cc50bc6e5ee51c407fa0c0e72147.jpg","name":"'(Andrew Sernyak)"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/post/twitter/waterproofheart/1297973104145321984","wmProperty":"mention-of","wmId":843464,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297973104145321984","likeOf":null,"author":{"url":"https://twitter.com/waterproofheart","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/b17a181a222b006c4de292e40f80a97674c9ce4d5ec3bf2ead3176653549519c.jpg","name":"Monica.dev 👩🏾‍💻"},"published":"August 24, 2020","content":{"text":"My slides from MDX Conf on Migrating to MDX are available at: monica.dev/migratingtomdx"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1025494621164630016","wmProperty":"like-of","wmId":843463,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1025494621164630016","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/studio_hungry","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/febf69e9b040d4ee7b5c568290ead0fc79273770b668ae5684452dcc61966081.jpg","name":"Rich Haines"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1129300256619941888","wmProperty":"like-of","wmId":843434,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1129300256619941888","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/hr_gozen","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/363656bce0254ca4855099120a750f87acf662696ce6d9f33a83358be94b080a.jpg","name":"Halil Remzi Gözen"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1106047627","wmProperty":"like-of","wmId":843433,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1106047627","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/iNikhilKumaran","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/91fea693f8e9209e8e42e47ce2ae23d9dba4de6d5ac8979e0bc3270faeb23ddd.jpg","name":"Nikhil Kumaran👨🏽‍💻⚛️"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297926327434190849","wmProperty":"repost-of","wmId":843387,"type":"entry","url":"https://twitter.com/cyberjobmentor/status/1297926327434190849","likeOf":null,"author":{"url":"https://twitter.com/cyberjobmentor","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/77d05546fb0e1049feec4609005148187f51ec0f4fb14ba6b6650d3ab8136c7b.png","name":"cyberjobmentor"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297924298561200128","wmProperty":"repost-of","wmId":843388,"type":"entry","url":"https://twitter.com/DiversifyTechCo/status/1297924298561200128","likeOf":null,"author":{"url":"https://twitter.com/DiversifyTechCo","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/81084cc681f3b560b9cb2677c8ebfac0a77a05d56b2de46d66696368ea2f7c81.jpg","name":"Diversify Tech"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1129050291981176832","wmProperty":"like-of","wmId":843386,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1129050291981176832","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/cyberjobmentor","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/77d05546fb0e1049feec4609005148187f51ec0f4fb14ba6b6650d3ab8136c7b.png","name":"cyberjobmentor"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1124720011153559552","wmProperty":"like-of","wmId":843385,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1124720011153559552","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/courierneue","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/868d725a91bbf4777f32f0009f6dee8be3cc9db97fb9e2704a505f151fadfb12.jpg","name":"Kelli Rockwell"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/3226394854","wmProperty":"like-of","wmId":843383,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-3226394854","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/DiversifyTechCo","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/81084cc681f3b560b9cb2677c8ebfac0a77a05d56b2de46d66696368ea2f7c81.jpg","name":"Diversify Tech"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/948609064484864006","wmProperty":"like-of","wmId":843384,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-948609064484864006","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/laurieontech","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/88eb169f2e962af928bd48c299e3b7e6498b0d59c28536d15ddc583e39950465.jpg","name":"Laurie"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297922974008385545","wmProperty":"repost-of","wmId":843367,"type":"entry","url":"https://twitter.com/domitriusclark/status/1297922974008385545","likeOf":null,"author":{"url":"https://twitter.com/domitriusclark","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/db1d473a432aa13483fd1b44109b82f4a6e5744104ae900dff3d7dbff928e790.jpg","name":"Domitrius #BLM"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/18645086","wmProperty":"like-of","wmId":843365,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-18645086","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/simpixelated","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/ee645e9b629dc96d9b2feee08fb406d5fe526ddcd613391270445bbd2bac5fd9.jpg","name":"Jordan Kohl"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/15306658","wmProperty":"like-of","wmId":843366,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-15306658","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/MBrooksUK","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/95e07e62f9f9e1601708af51e2cb969fe8a6f85cfc41f99287fa32684e03e404.jpg","name":"Michael Brooks"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/4852171092","wmProperty":"like-of","wmId":843364,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-4852171092","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/spaceGirl_o","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/a31a5531da418234f76f76a254fd1ce822fd392120b25e6d5a7f50104a520fca.jpg","name":"Star woman😎🍿🌟👑"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1087957969915006976","wmProperty":"like-of","wmId":843363,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1087957969915006976","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/Madisonkanna","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/4be19af3a33981328e8085e485570066e8a35e10d218d7a98cd5eea2757cf8a6.jpg","name":"Madison Kanna"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/554825448","wmProperty":"like-of","wmId":843344,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-554825448","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/suzienieman","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/bd99a867bd1644020a35b186f903a9abe27a8cc97dfb4bbe1d2f71b1a2db8aff.jpg","name":"Suzie Nieman"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/25466216","wmProperty":"like-of","wmId":843345,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-25466216","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/ryanwarnercodes","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/0ad7fbdcbcb605886a31dbe659cf6700abf1495686d700c2deec4063e4414216.png","name":"Ryan Warner"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1047615389067304960","wmProperty":"like-of","wmId":843343,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1047615389067304960","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/ReactJSLadies","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6a8940862e926c56b5af621413232297935e20fa6dbc18345679be5e0c3c43fe.jpg","name":"ReactLadies #NYC"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/4831518604","wmProperty":"like-of","wmId":843342,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-4831518604","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/will__tweets","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/3adee2ada9f9dddb3294126ce4b783fe1f00c4e1f7872573a9b2b41e7cda63b7.jpg","name":"Will Harris"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/post/twitter/waterproofheart/1297895513690443776","wmProperty":"mention-of","wmId":843322,"type":"entry","url":"https://twitter.com/Brent_m_Clark/status/1297885450137468929","likeOf":null,"author":{"url":"https://twitter.com/Brent_m_Clark","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/e72f7d2c5fdfd641a7b2947d6733ae275397214077c332582e14f62c12bfc900.jpg","name":"Brent M. Clark"},"published":"August 24, 2020","content":{"text":"MDX is amazing!  Definitely check out what Monica has to say about it; you won't regret it."}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/837424448085110784","wmProperty":"like-of","wmId":843320,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-837424448085110784","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/carolstran","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/7abe9ca520ae85167ee8cb9140e4206b44abc9aa40ebe177093c34122d6bb879.jpg","name":"Carolyn Stransky"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/365929776","wmProperty":"like-of","wmId":843321,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-365929776","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/codebender828","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/75fc3b84e8bc7c13410622d199cfaebcd9f9aba914f3f19f34e6089e7d7ea682.jpg","name":"Jonathan Bakebwa ⚡️ Writing history"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1857732703","wmProperty":"like-of","wmId":843319,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1857732703","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/peoray_","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/192439a41a410b238a63decf4320fa99a10119dc3fc0f2bb5233323411df27b6.jpg","name":"Emmanuel Raymond"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/comment/twitter/waterproofheart/1297877651009474560/1297888401623060480","wmProperty":"in-reply-to","wmId":843318,"type":"entry","url":"https://twitter.com/andrioid/status/1297888401623060480","likeOf":null,"author":{"url":"https://twitter.com/andrioid","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/70b7c1795e910b3e8f1ece448e320d7b662dfabe060b913d720c5d9f90ce0095.jpg","name":"Andri"},"published":"August 24, 2020","content":{"text":"I have an old Gatsby site and I've started migrating to MDX a couple of times. Both times, I ended up reverting back.\n\nSo, thanks for documenting this and maybe I'll give it another go soon. 🙂"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/post/twitter/waterproofheart/1297885450137468929","wmProperty":"mention-of","wmId":843302,"type":"entry","url":"https://twitter.com/Brent_m_Clark/status/1297885450137468929","likeOf":null,"author":{"url":"https://twitter.com/Brent_m_Clark","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/e72f7d2c5fdfd641a7b2947d6733ae275397214077c332582e14f62c12bfc900.jpg","name":"Brent M. Clark"},"published":"August 24, 2020","content":{"text":"MDX is amazing!  Definitely check out what Monica has to say about it; you won't regret it."}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297881869724168192","wmProperty":"repost-of","wmId":843300,"type":"entry","url":"https://twitter.com/mdx_js/status/1297881869724168192","likeOf":null,"author":{"url":"https://twitter.com/mdx_js","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/732698d84f30227f167e9db0d221944c20ff99d52f066b2dd7e62f148eaec9e9.jpg","name":"MDX"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297881715117944833","wmProperty":"repost-of","wmId":843301,"type":"entry","url":"https://twitter.com/chrisbiscardi/status/1297881715117944833","likeOf":null,"author":{"url":"https://twitter.com/chrisbiscardi","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6cb62548f7ea6e68607b69c1553bde1fcfef10b564e7f87d10e7a8def2dee7dc.png","name":":party-corgi:"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297883339487993857","wmProperty":"repost-of","wmId":843299,"type":"entry","url":"https://twitter.com/4lpine/status/1297883339487993857","likeOf":null,"author":{"url":"https://twitter.com/4lpine","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/311449d003a4a74c45b724abde30064c710c065b707e3ea9e9dd98c2ff5efbc9.jpg","name":"John Otander"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/889681749789245444","wmProperty":"like-of","wmId":843298,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-889681749789245444","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/cobysharesmusic","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/8d733930e8bba7ae102590f7edd016238ee71a971743999798c4fea1814797b2.jpg","name":"_🍐"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/4457072112","wmProperty":"like-of","wmId":843296,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-4457072112","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/Brent_m_Clark","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/e72f7d2c5fdfd641a7b2947d6733ae275397214077c332582e14f62c12bfc900.jpg","name":"Brent M. Clark"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/401186577","wmProperty":"like-of","wmId":843297,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-401186577","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/4lpine","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/311449d003a4a74c45b724abde30064c710c065b707e3ea9e9dd98c2ff5efbc9.jpg","name":"John Otander"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/1034453592340492288","wmProperty":"like-of","wmId":843295,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-1034453592340492288","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/mdx_js","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/732698d84f30227f167e9db0d221944c20ff99d52f066b2dd7e62f148eaec9e9.jpg","name":"MDX"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/770264707","wmProperty":"like-of","wmId":843293,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-770264707","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/jbscript","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6a919d5cc46fbd7c371dac5e08b34cb5fb5927e54c119d382aa011628fa7fc91.png","name":"Jonny Buchanan"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/240315182","wmProperty":"like-of","wmId":843294,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-240315182","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/chrisbiscardi","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6cb62548f7ea6e68607b69c1553bde1fcfef10b564e7f87d10e7a8def2dee7dc.png","name":":party-corgi:"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1297877651009474560/1297877724741197831","wmProperty":"repost-of","wmId":843260,"type":"entry","url":"https://twitter.com/maxcell/status/1297877724741197831","likeOf":null,"author":{"url":"https://twitter.com/maxcell","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/a883720df399748ec3c5e79fdb00e3bcfa1aed681d0b2db5977e20976816186d.jpg","name":"Prince Wilson"},"published":"August 24, 2020","content":{"text":"A few months ago I shared my initial reactions to migrating to MDX and later today I’ll be speaking at @mdx_js about migrating to MDX a.k.a"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/32190243","wmProperty":"like-of","wmId":843258,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-32190243","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/resource11","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/17efd969828de1c2a7a88c92ee820ba2867711a45d729f729bc16c62f470f8d5.jpg","name":"Kathleen McMahon"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/3115345708","wmProperty":"like-of","wmId":843259,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-3115345708","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/maxcell","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/a883720df399748ec3c5e79fdb00e3bcfa1aed681d0b2db5977e20976816186d.jpg","name":"Prince Wilson"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/348836014","wmProperty":"like-of","wmId":843255,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-348836014","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/trostcodes","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/08cd47997504ae74f4b6f8666fa330ac6aa2d5907b1dc069ba93721f4c49006e.jpg","name":"🐴 Alex Trost"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1297877651009474560/70345946","wmProperty":"like-of","wmId":843256,"type":"entry","url":"https://twitter.com/waterproofheart/status/1297877651009474560#favorited-by-70345946","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/dan_abramov","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/cbfc89609d72996ab58bfd3cbcefffb817873ac2d0c09367cde59619d4708e75.jpg","name":"Dan Abramov"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/1240011821333065730","wmProperty":"like-of","wmId":802477,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-1240011821333065730","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/colbymillerdev","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/e1d2e8dbe724699fcfead2663f21ffebbd35f36340020861302d310e797a376f.jpg","name":"Colby Miller"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/36382927","wmProperty":"like-of","wmId":802401,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-36382927","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/CarolSaysThings","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/443d6a45bc27a2a6e3103efc170665682aba7aecc9346bd1d504b2630a6f5468.jpg","name":"Carol 😅"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/1854681409","wmProperty":"like-of","wmId":802298,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-1854681409","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/geekysrm","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/771652faeb5287bf6c54fe1cf679dbc993466a00fdfbec35749ee62e2ff05622.jpg","name":"soumya dot dev ⚛️ 💥"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/938899422053847040","wmProperty":"like-of","wmId":802289,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-938899422053847040","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/_lululeon","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/1c0fc9dc812d4b6238e1e0bf0efa29edac5ff126d8c72cb1a79d3f18aa26f668.jpg","name":"_lululeon"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/23534302","wmProperty":"like-of","wmId":802239,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-23534302","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/ujovlado","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/829cfa24b5820b47720c6ca221595269efa356b447e10723e055ae34a59f5784.jpg","name":"Vladimír Kriška"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1265279451564302336/1265385825749041152","wmProperty":"repost-of","wmId":802226,"type":"entry","url":"https://twitter.com/beaussan/status/1265385825749041152","likeOf":null,"author":{"url":"https://twitter.com/beaussan","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6fd9cfed919936a6efa4beb940e13378e48cf366451f8dbf503372f1cdf5750a.jpg","name":"Nicolas Beaussart"},"published":"May 26, 2020","content":{"text":"I wrote up some of my initial thoughts and debugging tips from updating my @gatsbyjs blog yesterday to support MDX. aboutmonica.com/blog/thoughts-…"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/426961790","wmProperty":"like-of","wmId":802225,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-426961790","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/beaussan","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6fd9cfed919936a6efa4beb940e13378e48cf366451f8dbf503372f1cdf5750a.jpg","name":"Nicolas Beaussart"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/713094195955830785","wmProperty":"like-of","wmId":802224,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-713094195955830785","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/m1guelpf","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/f579dec7e26e1bd80b0c624decddf9478f81e115cdc550d390dca3f3ba0f18cc.jpg","name":"Miguel Piedrafita 🚀"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/1025494621164630016","wmProperty":"like-of","wmId":802222,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-1025494621164630016","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/studio_hungry","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/25385e7d8e1c7211f81fb3236c8d9803cfa250677e75e1ca44297ca54cacd2ca.jpg","name":"Richard Haines"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/3227338044","wmProperty":"like-of","wmId":802223,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-3227338044","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/gatsbyjs","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/285a21ea01d699be05f11cc16e836f499cce1202b3a48d6fad26f636040c4dc3.png","name":"Gatsby"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1265279451564302336/1265366239452581889","wmProperty":"repost-of","wmId":802150,"type":"entry","url":"https://twitter.com/JoshWComeau/status/1265366239452581889","likeOf":null,"author":{"url":"https://twitter.com/JoshWComeau","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/179be1dba306ecff52b90a3a67e08ec37340cf35a27516dc6b21737c9e59b732.jpg","name":"💫 Josh"},"published":"May 26, 2020","content":{"text":"I wrote up some of my initial thoughts and debugging tips from updating my @gatsbyjs blog yesterday to support MDX. aboutmonica.com/blog/thoughts-…"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1265279451564302336/1265367443678957570","wmProperty":"repost-of","wmId":802149,"type":"entry","url":"https://twitter.com/chaseadamsio/status/1265367443678957570","likeOf":null,"author":{"url":"https://twitter.com/chaseadamsio","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/153dc435a8a62690f64e821c88b4d4e164c30e5b107dfee7ca88f3b205ecfa8e.jpg","name":"chase adams"},"published":"May 26, 2020","content":{"text":"I wrote up some of my initial thoughts and debugging tips from updating my @gatsbyjs blog yesterday to support MDX. aboutmonica.com/blog/thoughts-…"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/1261810851771748352","wmProperty":"like-of","wmId":802148,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-1261810851771748352","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/ReardenQL","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/303377a7de41c5272596160a7b83375866ff0ebf112c81af7284386b5786280e.jpg","name":"Daniel Rearden"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/14566494","wmProperty":"like-of","wmId":802146,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-14566494","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/andrioid","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/70b7c1795e910b3e8f1ece448e320d7b662dfabe060b913d720c5d9f90ce0095.jpg","name":"Andri 🏡"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/20705255","wmProperty":"like-of","wmId":802147,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-20705255","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/chaseadamsio","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/153dc435a8a62690f64e821c88b4d4e164c30e5b107dfee7ca88f3b205ecfa8e.jpg","name":"chase adams"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/247028865","wmProperty":"like-of","wmId":802144,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-247028865","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/gooderdle","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6a775a4829a773fad83bf0fd8459923e223d29443886732f13d75f97e2247c08.jpg","name":"erdle 🍍"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/375132818","wmProperty":"like-of","wmId":802145,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-375132818","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/gill_kyle","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/fb3741fc36518c0c942595c1584d497a9157a0fefe4cd4b7ee79096734cf2769.jpg","name":"Kyle Gill"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/40663578","wmProperty":"like-of","wmId":802142,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-40663578","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/sebastienlorber","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/3b499e8c2fa4ce82182ea4941e15fc28b66bac2749965be75a8cb07e7599aa0f.jpg","name":"Sebastien Lorber"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/2576713720","wmProperty":"like-of","wmId":802143,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-2576713720","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/kviglucci","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/131d069faac2ec8ed7774b6cb747e85bed5fac05fb9a627586df72c785e03730.jpg","name":"Kevin Viglucci"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/comment/twitter/waterproofheart/1265279451564302336/1265366610791063554","wmProperty":"in-reply-to","wmId":802141,"type":"entry","url":"https://twitter.com/JoshWComeau/status/1265366610791063554","likeOf":null,"author":{"url":"https://twitter.com/JoshWComeau","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/179be1dba306ecff52b90a3a67e08ec37340cf35a27516dc6b21737c9e59b732.jpg","name":"💫 Josh"},"published":"May 26, 2020","content":{"text":"This is a great blog post! Glad to see you're adopting MDX :D\n\n(Also just a heads-up, your \"Newsletter\" nav link points to your contact page. I found the form at the bottom of the blog post though)"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/41474748","wmProperty":"like-of","wmId":802083,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-41474748","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/joshuaisaaac","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/c409c7fa002b3e3fff6da6568097da33d741498df330a1e5190c224e4a96b522.jpg","name":"juicy j"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1265279451564302336/1265314077401911296","wmProperty":"repost-of","wmId":802070,"type":"entry","url":"https://twitter.com/JAMstackTORONTO/status/1265314077401911296","likeOf":null,"author":{"url":"https://twitter.com/JAMstackTORONTO","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/227d09419fe877da1d598fab1b4bf9cb76c76ae17ed548ffc94be9c15fefcc7b.jpg","name":"JamstackTORONTO"},"published":"May 26, 2020","content":{"text":"I wrote up some of my initial thoughts and debugging tips from updating my @gatsbyjs blog yesterday to support MDX. aboutmonica.com/blog/thoughts-…"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/1047615389067304960","wmProperty":"like-of","wmId":802069,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-1047615389067304960","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/ReactJSLadies","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6a8940862e926c56b5af621413232297935e20fa6dbc18345679be5e0c3c43fe.jpg","name":"ReactLadies #NYC"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/770264707","wmProperty":"like-of","wmId":802055,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-770264707","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/jbscript","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/6a919d5cc46fbd7c371dac5e08b34cb5fb5927e54c119d382aa011628fa7fc91.png","name":"Jonny Buchanan"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/repost/twitter/waterproofheart/1265279451564302336/1265279628295516160","wmProperty":"repost-of","wmId":802020,"type":"entry","url":"https://twitter.com/jaybeekeeper/status/1265279628295516160","likeOf":null,"author":{"url":"https://twitter.com/jaybeekeeper","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/8b71d1f6539564cb37891b34930ef1c8f92a7a867eda72857ae80053d6cd9bc8.jpg","name":"jaybee.rb"},"published":"May 26, 2020","content":{"text":"I wrote up some of my initial thoughts and debugging tips from updating my @gatsbyjs blog yesterday to support MDX. aboutmonica.com/blog/thoughts-…"}}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/3424878503","wmProperty":"like-of","wmId":802018,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-3424878503","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/lauragift_","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/56b5e3a24bc78a1cd851bc9653adf113c3475625d0344bb9b077b4093d63a29f.jpg","name":"lauragift_"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/like/twitter/waterproofheart/1265279451564302336/948609064484864006","wmProperty":"like-of","wmId":802019,"type":"entry","url":"https://twitter.com/waterproofheart/status/1265279451564302336#favorited-by-948609064484864006","likeOf":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","author":{"url":"https://twitter.com/laurieontech","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/88eb169f2e962af928bd48c299e3b7e6498b0d59c28536d15ddc583e39950465.jpg","name":"Laurie"},"published":null,"content":null}},{"node":{"wmTarget":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","wmSource":"https://brid-gy.appspot.com/comment/twitter/waterproofheart/1265279451564302336/1265280288189566978","wmProperty":"in-reply-to","wmId":802017,"type":"entry","url":"https://twitter.com/laurieontech/status/1265280288189566978","likeOf":null,"author":{"url":"https://twitter.com/laurieontech","type":"card","photo":"https://webmention.io/avatar/pbs.twimg.com/88eb169f2e962af928bd48c299e3b7e6498b0d59c28536d15ddc583e39950465.jpg","name":"Laurie"},"published":"May 26, 2020","content":{"text":"This is awesome Monica! Thanks for writing it up.\n\nIn terms of MDX syntax highlighting I might recommend theme-ui.com/packages/prism/."}}}]}},"pageContext":{"permalink":"https://www.aboutmonica.com/blog/thoughts-on-migrating-from-markdown-to-mdx/","slug":"/blog/thoughts-on-migrating-from-markdown-to-mdx/","prev":{"id":"0d132207-d907-5c2a-980b-ffda344a5551","frontmatter":{"title":"Exploring Art Direction With Gatsby-Image","category":["tutorial"],"date":"2020-06-24T00:51:34.127Z","slug":"2020-06-24-exploring-art-direction-in-gatsby","tags":["Gatsby","CSS"],"redirects":null},"fields":{"slug":"/blog/2020-06-24-exploring-art-direction-in-gatsby/"}},"next":{"id":"3db16256-6938-56b2-8c59-ffb85dfc8ba9","frontmatter":{"title":"Give Your CSS Superpowers with CSS Variables","category":["tutorial"],"date":"2020-05-22T13:41:29.058Z","slug":"give-your-css-superpowers-with-css-variables","tags":["CSS","Codepen","Tutorial","Web Development"],"redirects":null},"fields":{"slug":"/blog/give-your-css-superpowers-with-css-variables/"}}}},
    "staticQueryHashes": ["1977783444","764694655"]}