{
    "componentChunkName": "component---src-components-blog-post-jsx",
    "path": "/blog/migrating-to-mdx/",
    "result": {"data":{"site":{"siteMetadata":{"author":"Monica Powell","siteUrl":"https://www.aboutmonica.com"}},"mdx":{"id":"458d7e83-bae7-5158-82bc-c8f5b59216d5","timeToRead":1,"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\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Migrating To MDX Talk\",\n  \"date\": \"2020-08-24T22:22:11.178Z\",\n  \"template\": \"post\",\n  \"slug\": \"migrating-to-mdx\",\n  \"category\": [\"reflection\"],\n  \"description\": \"Here's a talk I gave at MDX Conf, sharing more about my migration from Remark to MDX, how you can migrate your site and what problems you might run into. MDX allows you to write Markdown that includes React components and enables a lot more flexibility than Markdown traditionally does.\",\n  \"tags\": [\"MDX\", \"video\"]\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 EggheadLesson = makeShortcode(\"EggheadLesson\");\nvar layoutProps = {\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, \"Below is a video of a talk I gave at MDX Conf, sharing more about my migration from Remark to MDX, how you can migrate your site and what problems you might run into. MDX allows you to write Markdown that includes React components and enables a lot more flexibility than Markdown traditionally does. You can \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/blog/thoughts-on-migrating-from-markdown-to-mdx/\"\n  }, \"check out my initial thoughts on migrating to MDX here\"), \".\"), mdx(EggheadLesson, {\n    lessonId: \"mdx-migrating-to-mdx\",\n    mdxType: \"EggheadLesson\"\n  }), mdx(\"p\", null, \"The above video of my Migrating to MDX talk is hosted on \", mdx(\"a\", {\n    href: \"https://egghead.io/lessons/mdx-migrating-to-mdx?af=9b5hrz\"\n  }, \"Egghead.io\"), \" and the slides are available \", mdx(\"a\", {\n    href: \"/migratingtomdx\"\n  }, \"here\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"frontmatter":{"title":"Migrating To MDX Talk","date":"August 24, 2020","description":"Here's a talk I gave at MDX Conf, sharing more about my migration from Remark to MDX, how you can migrate your site and what problems you might run into. MDX allows you to write Markdown that includes React components and enables a lot more flexibility than Markdown traditionally does.","tags":["MDX","video"]}},"allWebMentionEntry":{"edges":[]}},"pageContext":{"permalink":"https://www.aboutmonica.com/blog/migrating-to-mdx/","slug":"/blog/migrating-to-mdx/","prev":{"id":"cb353e87-cf68-5989-82db-c0bb6adb7af6","frontmatter":{"title":"How to Make Your VSCode Sparkle","category":["tutorial"],"date":"2020-09-04T18:14:40.706Z","slug":"how-to-make-your-vs-code-sparkle","tags":["VSCode"],"redirects":null},"fields":{"slug":"/blog/how-to-make-your-vs-code-sparkle/"}},"next":{"id":"3b0fb3d2-2633-5a19-be58-71b3b1bab34c","frontmatter":{"title":"Adding Environment Variables To GitHub Actions","category":["tutorial"],"date":"2020-08-23T22:58:47.356Z","slug":"adding-environment-variables-to-github-actions","tags":["GitHub"],"redirects":null},"fields":{"slug":"/blog/adding-environment-variables-to-github-actions/"}}}},
    "staticQueryHashes": ["1977783444","764694655"]}