{"componentChunkName":"component---src-templates-post-js","path":"/blog/2019/11/10/the-great-gatsby-migration/","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://sung.codes"}},"mdx":{"id":"79214872-4033-5f11-8be5-fe8f0125c4aa","body":"function _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\": \"The Great Gatsby Migration\",\n  \"date\": \"2019-11-10\",\n  \"tags\": \"gatsby, wordpress, migration\",\n  \"author\": \"Sung M. Kim\",\n  \"published\": true,\n  \"mindmap\": \"https://www.mindmeister.com/1364191205\",\n  \"banner\": \"./images/featured-image.jpg\",\n  \"bannerCredit\": \"Photo by [Ray Hennessy](https://unsplash.com/@rayhennessy?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/migration?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Photo by \", mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"https://unsplash.com/@rayhennessy?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\"\n  }), \"Ray Hennessy\"), \" on \", mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"https://unsplash.com/s/photos/migration?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\"\n  }), \"Unsplash\"))), mdx(\"p\", null, \"I finished migrating a WordPress blog, SlightEdgeCoder.com to Gatsby yesterday (2019-11-10).\"), mdx(\"p\", null, \"I will provide a \\\"rough\\\" list to describe what's done, as there is no one specific way to accomplish this and share my experience.\"), mdx(\"p\", null, \"For a specific way to create a Gatsby blog, I will add links in the Resources section.\"), mdx(\"h2\", null, \"Why migrate?\"), mdx(\"p\", null, \"Because of\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Pricing\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"I couldn't justify \\\\$170/year cost as the site isn't for profit.\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Slowness\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"As the site was running on a shared plan, the site was slow and a myriad of plugins made it even slower.\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"The domain name sucked\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"SlightEdgeCoder.com was purchased years ago as it was cheap and not taken, and also based off on one of my favorite books, The Slight Edge.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"But it's really a bad name, as it's hard to remember, type, long, and not memorable.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Sung.codes is short, memorable, and describes the site purpose.\")))), mdx(\"h2\", null, \"Why Gatsby?\"), mdx(\"p\", null, \"I've been working with React and that's what I know. There are other SSG or SSR frameworks, but the documentations and ecosystem made me choose it as the migration needed happen quickly. (I started migration after the site went offline).\"), mdx(\"h2\", null, \"Rough list\"), mdx(\"h3\", null, \"Export WordPress file\"), mdx(\"p\", null, \"Follow steps here up to Move content from one \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://wpcrib.com/export-import-wordpress-website/\"\n  }), \"WordPress site to another -> Export from Site A\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Note that this exports an XML file, not as markdown.\")), mdx(\"p\", null, \"I've tried \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://wordpress.org/plugins/jekyll-exporter/\"\n  }), \"Jekyll Exporter\"), \" but it exported associated images to different folder, not within a folder with Markdown content.\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"I found it didn't co-located related files (content files and media) thus decided not to use this approach.\")), mdx(\"h3\", null, \"Export WordPress to Markdown\"), mdx(\"p\", null, \"I used \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/lonekorean/wordpress-export-to-markdown\"\n  }), \"lonekorean/wordpress-export-to-markdown\"), \" to convert exported WordPress file from previous step into Markdown files and download media thereof.\"), mdx(\"p\", null, \"It's not a CLI, so you'd need to clone the source.\"), mdx(\"p\", null, \"It's a node application with useful flags for options such as exporting grouped by years, months, etc.\"), mdx(\"p\", null, \"Note that it won't import images in the body unless \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/lonekorean/wordpress-export-to-markdown#--addcontentimages\"\n  }), \"--contentimages\"), \" flag is set.\"), mdx(\"h3\", null, \"Optional - Add more frontmatters\"), mdx(\"p\", null, \"I had all content imported on \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://dev.to/\"\n  }), \"DEV\"), \". DEV has a nice feature to export your content as JSON.\"), mdx(\"p\", null, \"Under \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://dev.to/settings/misc\"\n  }), \"Settings/misc\"), \", you can export all of your content.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/6d4c20538430c2e5dabb45d4b8135587/37048/export-from-dev.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"100.77220077220078%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAACE3AAAhNwEzWJ96AAADq0lEQVQ4y31U247bVBT13yIE4gnoEx/BS0Ul1IofAFqNxBQok2EqJdOZtEpIZpLMTOw4F8dOfD+OnTjOYu2ThIpysbRz7BOftfdea20bztxDFEVYLn04zlxHGEZI00yvSZIiZmRZhnJbYbfbIUlT5HmOOc/OvSUca4S414cfRzDS0ELge0jCCZbeBJE/QbCc6mfXsXk/Q7g0MXNcZLEN33cJqLBerxHHIZLAhDefwTUtTCcTGKORhcHdEJlKWeUSKdckSfQaJ0ofTllRkq5QbtawWE2328Xt7S1m0ylUFqFVH6P1/HskDz0YfhBDqRxySUvHS1oDqkNsZUfvp2mI0WiEKcGSOEG5qxBYHoLGBTYTG8b9/T1enp7i5OQE9Xodl5cNnJ+/xk33FV788Cl+ffk53l1/hdpvj/Dix4/xrvkNoXcYj8cYWRZM28Ym9FF6HtblFobjOGg0Gmi326jVamg2r9HrDdjSG/zy89d423yK2+53eHv9LS4bj9HtPNeCWASzCZayyoz3sidh7FsDNpsN/u1ar0uU5e5ve0VeIAwCqhqjYEFYrfY0VRUMARLb9Ho9qh1o9WRvu91SpAUF6GD48ACPLQVhqNlciWUWC7h3d8hZpVwV+S/LEob8iKqDwQB9eknRbxXBKmYTQJN2iOJIOyCaz7FlVWo2w4Qc+oy1UnRDspMiGLu/AO+YbcGs8ofsCRUOASwCrhn5eIqV60HNXSgOgeu6iHhOyBDTa1/wjLHl4arakoaVrkpaLaVl4YpU5ASQJEKFqCgmKvlezEr3QHv6dNtVtTNG9hQjewbRRsZtw0Nix2JVUL0R8izHqiDYQTTTNNFqtbS5ZUwVB+BNM6m6dfowTwbGcGii1x9gRl5se8zxmcIiN8ubG6wpQsEERVGwwr1QIfdEIKFHJqgoclabVypYsLOiZYifLi5+x9XVFTqdjvbk2dkZXPJ3tMJxcqqq+oet9q7jW1yZ8A9DeFAqE6V0RpXuvyxipYBek4pkFc4k5Fn+k1U/R/JlUpVoQTHbhrw8l88WK3KpokzOnPdCgSdeo5oLWkZE2ydXej2GypRMSKXFFEDhp6BRA99HLJmlGp011ZUIwEHB/4tKrEbQtiHztyGotFrQGgXVXDFzfqhAKjtk1+vx/oN4X2En8vHFtI9HswE+uarho/Of8KV9i8+mPZxGC+2wzQFMwMWPHyZgvAc0kwhPF2MdT4Y3eNxv45lr44ln4zoJIKY8Ago9xzn/L8A/AeEX41+ClUJmAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"dev export\",\n    \"title\": \"dev export\",\n    \"src\": \"/static/6d4c20538430c2e5dabb45d4b8135587/e3189/export-from-dev.png\",\n    \"srcSet\": [\"/static/6d4c20538430c2e5dabb45d4b8135587/a2ead/export-from-dev.png 259w\", \"/static/6d4c20538430c2e5dabb45d4b8135587/6b9fd/export-from-dev.png 518w\", \"/static/6d4c20538430c2e5dabb45d4b8135587/e3189/export-from-dev.png 1035w\", \"/static/6d4c20538430c2e5dabb45d4b8135587/37048/export-from-dev.png 1352w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"Previous step exports markdown but many \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/docs/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files\"\n  }), \"frontmatters\"), \" (such as tags, tags, author, etc.) are missing.\"), mdx(\"p\", null, \"So I created a small node script, \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/dance2die/fix-sungcodes-markdown-frontmatters\"\n  }), \"dance2die/fix-sungcodes-markdown-frontmatters\"), \" to merge missing frontmatters from DEV json file.\"), mdx(\"h3\", null, \"Create or branch existing Gatsby site\"), mdx(\"p\", null, \"Gatsby requires some learning curve so I will refer to you to the \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/tutorial/\"\n  }), \"Gatsby tutorial\"), \".\"), mdx(\"p\", null, \"I already had an existing repository, \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/dance2die/sung.codes\"\n  }), \"dance2die/sung.codes\"), \" so I just created \", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"v2\"), \" branch to start from existing Gatsby site. (\", mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"v1\"), \" was simply using WordPress RSS data to create a static version of it.)\"), mdx(\"p\", null, \"After familiarizing with Gatsby, you can pursue further with following articles (I didn't follow the all the steps in both, just took the parts I needed)\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://reactgo.com/gatsby-advanced-blog-tutorial/#seo-in-gatsby\"\n  }), \"Build an advanced blog using gatsby and react\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://scotch.io/tutorials/building-a-video-blog-with-gatsby-and-markdown-mdx#toc-creation-of-video-component\"\n  }), \"Building a Video Blog with Gatsby and Markdown (MDX)\"))), mdx(\"p\", null, \"Or, you can do what I did, standing on the shoulders of giants\"), mdx(\"h3\", null, \"Optional - Following Kent C. Dodds blog source\"), mdx(\"p\", null, \"I knew that Kent C. Dodds (KCD, hereafter) migrated from Medium to Gatsby recently (and took very small part finding issues/typos during migration).\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Reference\"), \": \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/kentcdodds/kentcdodds.com\"\n  }), \"kentcdodds/kentcdodds.com\")), mdx(\"p\", null, \"KCD has generously made the code open source with MIT, I decided to follow his steps and learn from it as well. You know, he is Kent C. Dodds.\"), mdx(\"p\", null, \"KCD has create a global configuration, which made it easy to apply to the whole site.\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"It was crucial as the common configurations can be used for site content, SEO, or styling for a consistency and traffic.\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"References\"), \":\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/kentcdodds/kentcdodds.com/tree/master/src/components/seo\"\n  }), \"SEO components\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/kentcdodds/kentcdodds.com/tree/master/config\"\n  }), \"config\"))), mdx(\"p\", null, \"I've taken most of his configuration and SEO as well as blog post banner display codes.\\nDoing so made it easy to provide OpenGraph data for SEO and get the consistent configuration data throughout the whole site.\"), mdx(\"h3\", null, \"Optional - Redirect traffic\"), mdx(\"p\", null, \"I decided to abandon SlightEdgeCoder.com in favor of sung.codes.\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://twitter.com/firatoezcan\"\n  }), \"Firat \\xD6zcan\"), \" helped me learn a way to 301 redirect easily with \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.cloudflare.com/\"\n  }), \"CloudFlare\"), \", which is what I did.\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Reference\"), \": \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://support.cloudflare.com/hc/en-us/articles/200172286-Configuring-URL-forwarding-or-redirects-with-Cloudflare-Page-Rules\"\n  }), \"Configuring URL forwarding or redirects with Cloudflare Page Rules\")), mdx(\"p\", null, \"If you need to keep your existing URL, \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"rewrite\"), \" your URL, instead of redirecting.\"), mdx(\"h2\", null, \"To Dos\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"There are still a lot of styling \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/dance2die/sung.codes/issues\"\n  }), \"issues\"), \" for blog posts.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"To report an issue, I added a tweet link per post, but will make it work for GitHub (after creating a template).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Also the biggest issue is a lack of CMS (Current I've created this blog markdown manually.)\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"I decided to go with NetlifyCMS because of its \", mdx(\"code\", _extends({\n    parentName: \"li\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"git\"), \" based workflow, and the site being hosted on \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.netlify.com/\"\n  }), \"Netlify\"), \".\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"RSS feed is not yet implemented. Need a manual copy & paste to share on DEV.\")), mdx(\"h2\", null, \"Misc.\"), mdx(\"h3\", null, \"Issues\"), mdx(\"p\", null, \"Here are the some issues that I've encountered.\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"After \\\"Export WordPress to Markdown\\\", the frontmatter date didn't match by a day for some posts with WordPress slug, which used published dates.\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"It was due to WordPress using my local EST time to publish, while \", mdx(\"code\", _extends({\n    parentName: \"li\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"lonekorean/wordpress-export-to-markdown\"), \" used UTC to parse dates and add it as \\\"date\\\" frontmatter metadata.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"The fix was done during the \\\"Optional - Add more frontmatters\\\" step.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"It was a sorta critical as I needed to do 301 redirect, and the off-by-one day wasn't able to properly forward to the new domain.\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"I had no idea how KCD's \", mdx(\"code\", _extends({\n    parentName: \"li\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"banner\"), \" code worked.\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"I've shared the experience on reddit, \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.reddit.com/r/reactjs/comments/dsyw5z/fragments_are_global_in_gatsby_gatsbyjsgatsby/\"\n  }), \"Fragments are global in Gatsby \\xB7 gatsbyjs/gatsby \\xB7 GitHub Issue #11638\"), \", which you can find out more about it.\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Not all banner images or body images are exported/imported.\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"As there are 100+ posts, I wasn't able to check missing media for each.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"But whenever I write my blogs, I store them on OneDrive, so able to recover'em all (but one by one).\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Might be none issue.\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"I've exported markdown in \\\"content/\", mdx(\"code\", _extends({\n    parentName: \"li\"\n  }, {\n    \"className\": \"language-text\"\n  }), \"<year>\"), \"/blog\\\" structure while KCD had a flat \\\"/content/blog\\\".\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"But it wasn't much of an issue because slug is generated dynamically within \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/dance2die/sung.codes/blob/master/gatsby-node.js#L28\"\n  }), \"gatsby-node.js\"), \".\")))), mdx(\"h3\", null, \"Theme\"), mdx(\"p\", null, \"To provide a consistent UI, I used \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://theme-ui.com/\"\n  }), \"Theme-UI\"), \" as gatsby plugin, \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://theme-ui.com/gatsby-plugin\"\n  }), \"gatsby-plugin-theme-ui\"), \".\"), mdx(\"h3\", null, \"Gist workaround\"), mdx(\"p\", null, \"\\\"gists\\\" are shown as raw link, thus I used \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/packages/gatsby-remark-embed-gist/\"\n  }), \"gatsby-remark-embed-gist\"), \" but \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/dance2die/sung.codes/blob/master/src/templates/post.js#L55\"\n  }), \"hacked\"), \" by embedding gist CSS for blog post component.\"), mdx(\"p\", null, mdx(\"div\", _extends({\n    parentName: \"p\"\n  }, {\n    \"id\": \"gist99377109\",\n    \"className\": \"gist\"\n  }), \"\\n    \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-file\"\n  }), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-data\"\n  }), \"\\n        \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"js-gist-file-update-container js-task-list-container file-box\"\n  }), \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"id\": \"file-gist-css-jsx\",\n    \"className\": \"file my-2\"\n  }), \"\\n    \\n\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"itemProp\": \"text\",\n    \"className\": \"Box-body p-0 blob-wrapper data type-jsx\"\n  }), \"\\n      \\n\", mdx(\"table\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"highlight tab-size js-file-line-container\",\n    \"data-tab-size\": \"8\",\n    \"data-paste-markdown-skip\": \"\"\n  }), \"\\n      \", mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L1\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"1\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC1\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"export\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"default\"), \" ({}) \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=>\"), \" {\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L2\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"2\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC2\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"return\"), \" (\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L3\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"3\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC3\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    <\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"Layout\"), \">\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L4\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"4\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC4\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      <\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"SEO\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L5\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"5\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC5\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-e\"\n  }), \"frontmatter\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"{\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"frontmatter\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"}\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L6\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"6\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC6\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-e\"\n  }), \"url\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"{\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"new\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-v\"\n  }), \"URL\"), \"(\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"slug\"), \", \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"siteUrl\"), \")\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"href\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"||\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"siteUrl\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"}\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L7\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"7\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC7\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      />\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L8\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"8\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC8\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      <\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"Link\"), \" \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-e\"\n  }), \"to\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"{\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"`\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), \"/blog/\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"${\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"year\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"}\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"`\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"}\"), \">\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c1\"\n  }), \"&larr;\"), \" Go Back</\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"Link\"), \">\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L9\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"9\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC9\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \\uD83D\\uDC47\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L10\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"10\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC10\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"{\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-c\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"/*\"), \" This \\\"link\\\" is for styling gists. \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"pl-c\"\n  }), \"*/\")), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"}\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L11\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"11\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC11\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      <\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"link\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L12\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"12\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC12\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-e\"\n  }), \"rel\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"pl-pds\"\n  }), \"\\\"\"), \"stylesheet\", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"pl-pds\"\n  }), \"\\\"\"))), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L13\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"13\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC13\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-e\"\n  }), \"href\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=\"), mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-s\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"pl-pds\"\n  }), \"\\\"\"), \"https://github.githubassets.com/assets/gist-embed-123720f37c57ce9a8f29de081c38ed61.css\", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"pl-pds\"\n  }), \"\\\"\"))), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L14\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"14\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC14\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      ></\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"link\"), \">\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L15\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"15\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC15\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      <\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"Location\"), \">\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L16\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"16\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC16\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"        \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"{\"), \"({ \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-smi\"\n  }), \"location\"), \" }) \", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-k\"\n  }), \"=>\"), \" ( )\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-pse\"\n  }), \"}\")), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L17\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"17\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC17\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"      </\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"Location\"), \">\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L18\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"18\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC18\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"    </\", mdx(\"span\", _extends({\n    parentName: \"td\"\n  }, {\n    \"className\": \"pl-ent\"\n  }), \"Layout\"), \">\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L19\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"19\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC19\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"  )\"), \"\\n      \"), \"\\n      \", mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-L20\",\n    \"className\": \"blob-num js-line-number\",\n    \"data-line-number\": \"20\"\n  })), \"\\n        \", mdx(\"td\", _extends({\n    parentName: \"tr\"\n  }, {\n    \"id\": \"file-gist-css-jsx-LC20\",\n    \"className\": \"blob-code blob-code-inner js-file-line\"\n  }), \"}\"), \"\\n      \"))), \"\\n\\n\\n  \"), \"\\n\\n  \")), \"\\n\\n      \"), \"\\n      \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gist-meta\"\n  }), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/23777b26f792f696237f03b9cbf6e050/raw/3d13ca74b190646742be7a01adce2cfa8242f35f/gist%20css.jsx\",\n    \"style\": {\n      \"cssFloat\": \"right\"\n    }\n  }), \"view raw\"), \"\\n        \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://gist.github.com/dance2die/23777b26f792f696237f03b9cbf6e050#file-gist-css-jsx\"\n  }), \"gist css.jsx\"), \"\\n        hosted with \\u2764 by \", mdx(\"a\", _extends({\n    parentName: \"div\"\n  }, {\n    \"href\": \"https://github.com\"\n  }), \"GitHub\"), \"\\n      \"), \"\\n    \"))), mdx(\"h2\", null, \"Resources\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://wpcrib.com/export-import-wordpress-website/\"\n  }), \"How to move from one WordPress site to another?\"), \":\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://wordpress.org/plugins/jekyll-exporter/\"\n  }), \"Jekyll Exporter\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"GitHub\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://kentcdodds.com/\"\n  }), \"Kent C. Dodds\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/kentcdodds/kentcdodds.com\"\n  }), \"kentcdodds/kentcdodds.com\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/kentcdodds/kentcdodds.com/tree/master/src/components/seo\"\n  }), \"SEO components\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/kentcdodds/kentcdodds.com/tree/master/config\"\n  }), \"config\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/lonekorean/wordpress-export-to-markdown\"\n  }), \"lonekorean/wordpress-export-to-markdown\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/dance2die/sung.codes/issues\"\n  }), \"dance2die/sung.codes/issues\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/\"\n  }), \"Gatsby\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/tutorial/\"\n  }), \"Tutorial\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/docs/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files\"\n  }), \"frontmatters\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.gatsbyjs.org/packages/gatsby-remark-embed-gist/\"\n  }), \"gatsby-remark-embed-gist\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://theme-ui.com/\"\n  }), \"Theme UI\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Theme UI gatsby plugin - \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://theme-ui.com/gatsby-plugin\"\n  }), \"gatsby-plugin-theme-ui\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Migration articles\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://reactgo.com/gatsby-advanced-blog-tutorial/#seo-in-gatsby\"\n  }), \"Build an advanced blog using gatsby and react\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://scotch.io/tutorials/building-a-video-blog-with-gatsby-and-markdown-mdx#toc-creation-of-video-component\"\n  }), \"Building a Video Blog with Gatsby and Markdown (MDX)\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Reddit\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.reddit.com/r/reactjs/comments/dsyw5z/fragments_are_global_in_gatsby_gatsbyjsgatsby/\"\n  }), \"Fragments are global in Gatsby \\xB7 gatsbyjs/gatsby \\xB7 GitHub Issue #11638\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://dev.to/\"\n  }), \"DEV\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://dev.to/settings/misc\"\n  }), \"Settings/misc export\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/dance2die/fix-sungcodes-markdown-frontmatters\"\n  }), \"dance2die/fix-sungcodes-markdown-frontmatters\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.netlify.com/\"\n  }), \"Netlify\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.netlifycms.org/\"\n  }), \"Netlify CMS\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.cloudflare.com/\"\n  }), \"CloudFlare\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://support.cloudflare.com/hc/en-us/articles/200172286-Configuring-URL-forwarding-or-redirects-with-Cloudflare-Page-Rules\"\n  }), \"Configuring URL forwarding or redirects with Cloudflare Page Rules\"))))));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"The Great Gatsby Migration","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='266'%20viewBox='0%200%20400%20266'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2092a469%20469%200%20002%20101c-2%200-2%200-2%206%200%205%200%205%202%203%201-3%201-2%201%203l1%203v2l1%202c2-1%202%200%202%201%200%203%202%205%203%203%201-1%201-1-1-1l2-2c5-2%206-2%204%200v2c2%201%200%206-2%206s-2%201-2%202l-1%203-1-1H2c-2%200-2%201-2%2012%200%2012%201%2015%207%2016l4%202h3c3%200%207%203%207%204l-3%204-2%203h4c4%200%204%200%203-2-2-5%201-9%203-4%203%205%205%206%2012%206l7-1c1-2%200-3-4-3-5%200-8-4-7-8%201-2%201-3-1-4l-3-4c-1-3-1-3-4-3-2%201-3%200-1-4%203-4%203-7%200-5-3%203-4%202-4%200s1-3%203-3l3-2h7c1%202%202%201%203-3%200-5-2-10-5-10-2%200-2%200-2-3s1-3%202-3l3-2c0-2%200-2%201%201l1%203%201-3c1-3%201-3%202%202%200%204%200%204-2%204h-3l1%201c2%200%205%206%205%2010%200%203%200%203%204%203l6%201c1%201%202%200%204-4%203-6%203-6-1-6h-4l-2-1-4%202c-2%200-2%200-2-2l2-2c3-1%202-4-1-4l-2-2c0-3%201-3%203-1l1%201c0-2%202-3%202-1l1%201v-1l1-2h1l2%201v1l-2%202c0%201%201%201%203-1%204-3%208-4%207-2%200%201-1%202-2%201l-2%201c0%201%201%202%203%202%203-1%205%204%202%206s-4%2013-2%2016c3%202%203%207%202%207-2%200-2%201-2%204%201%205%203%207%208%207%203%200%203%200%201%201l-7%204-5%201-3-2c-1-2-3-3-3-2l-4-1c-1-1-3-2-4-1-3%200-3%202%200%202%204%200%206%202%207%207l1%204h41l1-3c1-3%201-3%203-2%202%200%203%200%204-2%202-4%200-6-5-6s-9-2-11-5c-1-3-6-4-8-1h-2c-1-1%201-5%203-5%203%200%206-5%205-7v-8l-1-2c2-2%203-1%203%201s1%202%202%202%202-1%202-3l-6-3c-8-1-9-3-6-7l4-4c0-2%200-2%201-1s1%201%201-1c0-1%200-2-1-1l-1-1c1-2%203-2%203-1l2%203h1l2-2v7c2%203%203%202%203%200s4-5%207-5%205-2%204-4c0-2%203-4%204-3s1%200%202-2c2-2%202-2%202%200%200%203%200%204-2%203-2%200-1%201%201%203l2%201%202-1%201%201v1l2-2c1-2%201-2%202-1l-1%203c-1%201-1%202%201%202h2l2-2%202-2c-1-1%200-1%201-1%202%200%204%202%204%204h-5c-1%200%200%202%202%202%203%202%203%202%204%200%201-5%201-5%202-3v5l2-1v-4l-1-1%201-1c1%200%202-3%201-4v-2c1%200%202%201%202%203%201%206%203%208%206%208s3-2%200-2c-2%200-3-1-3-3%200-3%200-3%201-1l1%202v-3l-1-3c0-4%202-3%203%201%200%204%202%207%202%203l1-2v-3l1-2v9l1%202c-1%202%201%202%205%201%201-1%201-1-2-1-2-1-2-2-1-5%202-3%203-3%203%201v3l1-1%202-2%201-1c0-2%202-2%202%200%201%202%201%203-1%203l-2%202%202%201%201-1h3v-6c-1%200-2-1-1-2l-1-1-2-1c-1-2%200-5%201-5v-2c-2-1-2-2-1-2l1-1-1-1-2%204-1%203v-2c0-3-1-4-6-5-3%200-5%201-5%203l-1%201-1%201h-3l-2%202h-2l-1%201v1c-2%200-3%200-3-2h-5l-5-1c1-2%200-2-1-2s-2%200-1-1c0-2-2-3-3-1l-2-3-3-3-1%202%201%202c2%202%203%204%200%204-2%200-4-2-4-5h-1c-1%202-3%202-5%200h-1l-2%203v2h2l3-1c3%200-1%204-4%203-2%200-3%202%200%202h-2c-5%200-6-1-7-6%200-3%200-3%202-2l2-1-1-1-2-1c0-1-1-2-2-1v2c0%202-3%202-4%200h-3c0-1%200-2-1-1l-1%202c0%203-5%204-7%201l-2-1-1%202v-2c0-2%200-2-1-1h-2l-1-2-1-3c1-1%201-1%202%201l2%202v-1c-2%200-1-2%202-2h2c-1%201%200%202%201%203s1%201%201-2c0-2%200-2%201%200%202%203%204%203%203%200%200-2%202-3%202-1h2c1-1%202-1%203%201h2c1-2%204-2%204%200v2l2-2c1-2%201-2%203-1h2c0-3%202-2%202%200%201%201%201%201%202-1s1-2%201%201c1%205%203%205%202%200%200-2%200-2%201-1%201%202%202%202%202%201l1-1c1%201%203%200%203-1%202-2%205-1%206%202%201%202%201%202%201%200%200-4%202-4%202-1%200%202%200%202%202%200l1-1c0%202%202%203%202%201%200-1%204-2%205-1l5-1h3l1%201%202%205%201-2-1-2-1-3c0-2%201-3%202-1%201%201%201%200%201-1%200-2%200-3-1-2l-2-1v-1c2%200%203-2%201-2-1-1-1-1%201-2%202%200%202%200%201-1s-1-1%201-1c3%200%203%200%201%201v10c-2%203%200%204%202%201h2c1%202%202%201%202-2-1-1%200-3%201-4l2-1%201%201%201-1-1-2c-1%201-1%200-1-2h6c0-2%200-2%201-1h2c2-2%202-2%203%200l3%202%202%201h2c2-2%202-2%202%200%201%201%201%201%202-1l2-1%201-1-1-1v-1c2-2%201-3-1-3s-3-1-3-3l-1-3c-2%200-4-3-4-4l1-2%201%202c0%201%201%202%202%201l2%201%201%201c3-1%203%201%201%202s-2%201%200%203h3c2%200%203%201%201%203l-1%201%201%201h1v1l1%201%202%202%201%201%201-1c0-2%201-2%205-2l3-1h3v-1c-2-2%201-2%203%200%203%202%203%202%201%202h-5l-2%201%206%201%204-1h1v-1c-1-1-1-1%201-1l2%201h5v-4h2c1%201%202%204%200%204h-1c0%203%202%202%203%200%201-1%201-1%201%201l-1%202c-1-1-1%200%200%200l-1%202-2-1h-2c-2-1-4-1-4%201v1l-1%202-1%202-1-4c1-4%200-3-2%203-1%204%201%206%202%203h3l1-1%201-1%201%202h2l1-3h1c2%200%202%200%201-1l1-2%201%202%201%201v-2c0-2%202-3%204-1%201%202%202%201%201-2%200-3%200-3%202-3h2l-4-1c-1%200-2-4-1-5l1%202%202%201h4l1%201-1%202h-1l2%201%202-1%201-1h10c0-1%203-1%205%201h6l1-2%201%202%2012%201a185%20185%200%200123%200h5l2%201%201%201c0-1%204-2%2024-1h12l5%201h3l9%201%2023%201h4l3%201v1l2-1%206-1c5%200%206%201%204%204h-1c0-3-2-2-2%200l-2%202v-1l-1-1-2%201-1%201h-1c-1%201%200%201%201%201l2%201-1%201-2%201c-1%201-1%200-1-2-1-3-2-4-3-2v-1l-2-1-1%201v3c0%202%200%202-2%202l-3%201%201%201c1-1%204%200%204%201h-3l-3%201%201%201%201%201h-1c-1%200-2%201-2%203l-2%202h-1c-1%201-5%200-5-2v-1c-1%200-2%201-1%202l-2%201-2%201h-1l-2-2c-2%200-2%201-1%203%200%202%200%202-1%201l-3-1-2-1-2-3c-2-2-2-2-4-1-1%202-2%202-4%201h-2c-2%202-3%201-3-2%200-2%200-2-1%201-1%204-5%204-5%201%200-2-2-3-4-1l-3%202-2%201-1%202v2l2%201%201%202c1%202-3%200-8-4-4-3-5-4-7-1h-1l-1-2v-2c1-2%201-2-1-2h-4c-1-1-3%200-2%201%200%201-1%202-3%202l-3%203c1%202%203%203%203%200l1-1%202-1h2l2%201c1%201%200%202-4%203s-5%202-3%204c2%203%205%203%205%201h-1l-1-2c0-2%200-2%201%200h2c0-2%201-1%204%203%202%203%202%203%200%204s-3%200-1-2c2-1-1-2-2%200-2%201-2%2011-1%2011%201%201%202-1%201-3v-3h3l1-2v3c0%202%200%202%201%201%202-3%203-2%202%201l-2%202c-2-1-2%204%200%206%203%203%203%203%203-1s3-7%204-5c2%203%203%202%201-1l-2-3-2%201%201-3c2-1%202-1%201-2v-1c3-1%202-3%200-2-2%200-2%200-1-1%200-2%204-1%204%201v6c0%202%200%203%201%202h2c1-2%201-2%201%200%201%201%200%202-1%203-1%200-1%202%201%202l3-7h1l3%201c1%200%202%201%201%203%200%203%200%203%201%202l1-1%201%202%201-3%201-3h4l4-1%204-1%203%201-2%201-1%202-1%204v2h1c1-1%202-2%203-1l2-1v-2c1-2%203-1%203%201%200%204%204%206%206%204h2c0%201%201%201%202-1%201-1%201-1%201%201l1-1%202-1h1l-2-3v-2h1l1%201%204%202v2l-3%201%201%201%203%202%202%201%201%201-1%201c-2-1-2%200-2%201%200%205%204%202%205-2l3-5c4-1%204-1%203%201-2%204-2%204%200%204v1h-2c-2%200-2%200-2%204s-1%206-5%206l-3%201%205%2010c1%201%200%204-1%204l-1-1h-4c0-2-4-1-7%201-4%203-11%202-14-4-1-2-1-2-2%200l-2%202c-2%201-2%203%201%207%202%202%201%206-1%207-1%200-2%201-2%203v2h25l-1-2%201-3c1-1%201%200%202%202v3h28v-42l-3-1c-2-2-2-5%201-7%202-2%203-25%201-24h-2l1-1c1-1%200-1-1-1-2%200-2%200-1-1l3-1c1%201%201-32%201-93V0H0v92m176-8v5h-8c2%201%202%201%201%202-1%202%201%204%204%204l2%201h2v2c2-1%205%202%203%203h-1l-1-2-1%201h-2l-3%201%202%201%201%201h-10c1%202%200%206-2%205v-3l-1-2v-1l1-1h-3c-2%201-2%201-1%202%202%201%202%201%201%202l-2-1-3-1c-2%200-3%200-1%201l3%201h-5l-6%201c0%201%205%202%206%201h6l2-1-2%203c-2%201-2%205%200%203l1%201%201%201h1l2%202%201%201%202%201v1h-6v1l-2%201c-2%201-2%201-1%202l3-1c1-1%207-1%206%201l1%201v4l1%201c0%201-1%202-2%201l-2-2v-1l-3-1-5-2-4-1c-1-1-5-1-6%201h2l3%201-2%201-4%201-2%201-1-1-1-2-1-2v2l-1%203c-3%200%202%202%205%202%205%200%208%201%207%202-1%200-1%201%201%202h1c-2-4%201-2%202%202l3%203-1-3v-2c2-2%203%200%203%204l1%204v-6l4%203%205%205c1%202%202%203%204%203%201%200%202%200%201-1-1%200%200-3%202-3v-1l-1-2-1-1c-3-1-3-3%200-2h3l-3-1-2-2-1-1-1%201c1%201%200%202-1%203h-1c1-2-1-4-2-4l-1%203c0%201%200%202-1%201l-2-2v-3c-1-1%200-1%202-1l4%202%201-2c0-2%200-2%201-1l2%201-1-2-1-2c1-1%203%201%203%204v3l2-3c1-2%202-3%203-2h1v-1c-2%200-2-1-2-3%200-3%200-4%202-4l2%201h1c2-2%206-3%208-1l-1%201-5%202-2%202-2-1-2%201%202%201%201%202h2c3-1%203-1%205%202%200%202%202%203%203%203s1-1-1-3h1c2%200%202%200%201-2l2-1h3l2-4%201%202%201%205v-1l1-2h1c0%202%201%202%203%201%202%200%203-2%201-2-2%201-3%200-1-2h3c1%204-1%207-4%206l-3%201%202%201c3%200%204%203%202%205l-3%202%201-2%201-2c0-1-2%200-3%202-2%201-4%202-5%201l-2%201c0%202-2%201-3-1l-1-3c-1%201-6-3-6-5l-2-1-3%201c-1%200-2%200-1%202h-1c-2-2-3-1-2%201%200%201%201%202%202%201l1%201v1c2%201%206%200%205-1l2-1%201%201c-1%201%204%206%205%205l1%201-1%201v1c1%202%204%200%203-2h1c3%202%202%205-1%205l-4-1h-1l1%202%201%201c-1%201%200%201%201%201l4%202c3%202%203%201%201-2-2-1-2-2-1-2%202%200%203-3%203-6l6%201%201-2c1-3%201-3%202-2%200%203%203%202%202%200%200-2%201-2%203-2%201%200%202%200%201-1l-1-1h-1l-2-1c-2%200-2-1-1-4%201-2%201-2%202%200s2%203%204%203c1%200%202%200%201%202%200%202%200%202%202%202%203-1%205%201%204%203-1%201-1%201%201%201l3-2h2l2-1-3-1v-1h3l2-1-4-1c-3%200-3%200-3%203%200%202%200%202-1%201v-3l-2-1c-1%201-3%200-4-1l-4-2%201-1c5-1%205-2%203-3-1-1-2-2-3-1l-1-1c-1-1%200-1%201-1l2-1%202-1v1c-2%200-1%202%201%202s2%200%203%202c0%201%200%202-1%201l-2%201v2h14l1-1%202-2v-6l2-4h-4l-4-1h4c3%200%203%200%201-1l-1-1%203-2c1-1%201-1-1-2s-2-1%200-1l3-1%201-2%201%202%201%201c1%200%200-3-2-5-1-1-1-3%202-3l1-1c-1-2-3-2-4%201l-1%203v2c-1%202-4%203-5%201-1-1%200-1%201-1l2-1-1-2-1%201-4%201c-3%200-4%200-2-1l2-1h-2c-2-1-2-1%200-1l2%201%202%201%201-1-1-2-2-1h4c1%202%202%201%202-1l-3-2c-2%200-3-1-3-2l-3%202c-2%201-3%203-2%203l1-1c2-1%203-1%203%201l-1%201h-6c0-2%200-2-1-1h-4c-2-2-2-2-1-3l2-2h2c3%200%203%200%202-1-2-1%200-2%203-2l5-1-4-1-5%201-3%201-4%202c-1%202-3%201-2-1%200-2%201-3%202-2%201%200%205-2%204-3v-3c0-3-2-3-3-1v2c3%202%201%203-2%202h-2c1%202%200%202-2%201-4%200-4%201%200%202l2%202c0%202-3%201-4%200%200-1-1-2-2-1l-1-1v-1l-1-2-1-1c-2-1-2-1-1%201%202%202%202%203-1%203l-1-1v-3c-1%200-1-1%201-2h2c1%202%202%201%201-2-1-2-2-2-3-2-1%201-2%200-3-1l-4-1h-4v5l-1%204h-1l-2%201v-1l-1-1-2%201h-2c-2-1-3-2-2-4l-1-2-1%203c0%204-2%202-2-2l-1-4v4m66%2032c-1%202-1%202%201%202v1l2%203%202%204%202%203c1-1%204%201%204%202%200%202-3%201-5-1l-3-1%201%201v1l2%202%203%202h2l1%201c0%201%205%203%206%202l-1-1c-2%200-6-4-5-5l2%201c2%200%202%200%201%201s-1%201%202%201h3l-3-2c-2-1-3-3-2-4h-1c0%202-2%201-1%200l-1-2-1%201h-1l2-3c2-1%203-2%202-3h-1l-2%201%201-2-1-2c-1%200-2%201-1%203l-1%202c-2%200-2-2-1-3v-3l-3%202-1%201v-1l-1-2-1-2c1-3%200-3-2%200m126%2060l-3%203-2%201h-2c0%202%203%205%204%204l2%201v1c-1%201-1%201%201%201l2%201%201%201%201-1c-1-2%201-6%203-5v-1c-2-1-2-2-1-2l1-2-1-3v1l-1%203c-1%201-2%200-2-2%200-4%200-4-3-1m-99%2015l-1%205c0%201-1%202-4%202-4%201-6-1-7-4%200-1-1-1-1%201v2l1%201-2%201c-2%200-3%200-2-2v-4c-1-1-1-1-3%201v5l2%204c0%202%200%202%201%201%201-2%201-2%203-1%201%202%203%202%203%201l2-1%201%202-1%201c-2%200-2%202-1%203l3-2c1-1%201-1%201%201l1%202%201%202%201%202%202-2c0-2%202-3%202-1s2%201%202-1c1-2%201-2%202%200s0%203-1%203c-1%201-1%201%201%201l3-1%202-2%201-1h1l2-2c0-1%201-2%202-1%203%201%205%201%206-1l-2-1h-2l1-1%202-2%201-1%201-2-1-3c0-2-2-1-2%201s0%202-2%202c-2-1-2%200-2%201%200%202%200%203-2%203s-2%201-1%202c0%202%200%202-3%202s-3%200-3-2c1-2%201-3-1-2-2%200-2%200-3-2%200-1-1-2-2-1-3%200-2-2%201-5l2-1h5c5%200%206-1%203-4s-5-3-4%200c0%203-1%203-2%200l-1-1-1%202-2-2c1-3-2-2-3%202m-92%201c1%201%200%201-2%201l-3%201v4l2-1c2-2%202-2%203%200v2l-3%202-4%201c-3-1-3-1-2%201%201%201%202%202%201%203%200%202%203%203%205%201h2c2%201%203%200%203-2s0-2%202-1h1l1-1v6l2-3%202-2v2l2%203%202%202h1c1-1%200-3-2-3v-5l4-1c2%200%202%200%202-2l-1-3-2%202-1%202h-3c-1%200%201-5%202-4%201%200%202-2%201-3h-2c-1%201-2%202-3%201l-1%201-1%202v-2l-1-2-2%203c0%204-1%204-3%201v-2l1-1%201-2c2%200%200-1-2-2l-2%201m39%200v3c-2%200-2%200-1%201v3c-1%203-3%203-3%200%201-2%200-4-2-2h-1c-3-3-6-4-6-3l-2%202-1%201v1h-1l-1-2v3c1%202%207%202%207%200l-1-1-1-1%204%201%203%204%201%202-1%201%201%201%201%201c1%202%201%202%202%200%200-3%201-3%201-1%201%202%204%202%205%200l-1-5v-5l2-2%201-2c1-1%201-1-1-1l-3%201h-1l-1-1v1m7%204c-3%203-3%205-1%2010v3l-1%202h2c0-2%201-2%201-1%200%202%203%201%204%200%201-3%202-2%201%200l1%202c4-1%201-13-3-13s-4%200-2-2c2-3%201-3-2-1m-151%206c-3%202-4%204-1%204v1l-1%202c-1%202-1%202-3%201h-1l1%201v1c-1%202-1%203%201%203l-1%201c-3%201-4%205-1%205l1%202c-1%201%202%205%204%205s3-6%200-6c-2-1-2-1-1-3v-4l1-1c1%201%204%200%204-1l-1-1c-2%200-3-3-2-4l2-1v2h3v-2l-1-2c0-2%200-2%201-1%201%202%202%200%201-2s-2-2-6%200m-53%2012l-1%203%201%206%204%201c1-1%203%200%204%201h4c1-2%201-2-1-6l-2-5c0-2-3-1-4%201-1%201-1%201-1-1-1-4-3-4-4%200m111%205h-3l-2%201%201%201c2%200%207%205%206%206-2%201%202%205%205%205%202%200%203-1%205-4%201-3%200-7-1-4l-3%201c-3%200-7-3-5-3l1-2c0-1-3-2-4-1m221%205l-3%206c-2%204-3%205-5%205-2%201-3%203-2%206%201%201%207-2%207-4s3-6%204-4c0%201%205-1%205-3%201-2-1-4-2-3l-1-1c0-2-1-3-3-2m46%202l-3%207c-1%206%200%209%204%209%201%200%202%201%202%203%201%201%201-3%201-9l-1-10c-1%202-1%202-1%200v-2l-2%202m-115%202l-6%201h-4l-1%201c-2-2-2%201-1%204%202%203%203%202-1%203-3%200-3%200-3-3%201-3%201-3-1-2l-1%204-1%203-3%205-3%203v1c0%202%207-3%207-6%200-2%202-3%204-3%203%200%205-1%205-2h2l6%202c3%200%203%200%203-2v-8c1-3-2-4-2-1m-76%208l-1%203-2%202%208%207%203-3%203-4-3-3c-4-4-8-5-8-2m-77%204c-3%202-4%202-6%201-5-2-5-1-5%202%201%202%201%202-1%202-3%200-3%203%200%205%203%201%206%207%205%2010-1%201-1%201-4-1-5-2-8-1-9%202%200%204%201%205%205%203h4c1%202%203%202%2012%202l22-1c1%200%202%200%202-2l2-5%202-4%203-3%204-2%203-2-4-4-4-4-6%202c-5%201-7%202-7%204%200%203-1%203-5%202-5-2-7-5-7-8%201-3-1-3-6%201m180%2013c0%203%200%203-4%204-3%200-5-1-8-3l-4-3v3c0%202-1%203-4%204s-4%202-3%207c1%201%2036%202%2036%200l-2-1c-5%200-7-5-2-7%208-3%207-7-3-8h-6v4m-138%200c-2%200-6%207-6%2011%200%202%200%202%2020%202%2015%200%2020%200%2019-1v-3c1-3-4-5-7-2-4%204-18%200-20-5-1-3-1-3-6-2m87%201l-2%205c-4%206-3%207%207%207h9v-5c0-4%200-4-2-4-3%201-3%201-3-1%200-3-2-5-3-3h-2c-2-2-4-1-4%201'%20fill='%23FFC600'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.509433962264151,"src":"/static/758dabaa409c3c6bf1f340f7ac8b295c/f422e/featured-image.jpg","srcSet":"/static/758dabaa409c3c6bf1f340f7ac8b295c/e75b5/featured-image.jpg 160w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/c01e2/featured-image.jpg 320w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/f422e/featured-image.jpg 640w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/a6352/featured-image.jpg 960w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/ec6c5/featured-image.jpg 1280w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/5e083/featured-image.jpg 4928w","srcWebp":"/static/758dabaa409c3c6bf1f340f7ac8b295c/991d2/featured-image.webp","srcSetWebp":"/static/758dabaa409c3c6bf1f340f7ac8b295c/578e8/featured-image.webp 160w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/8dbf3/featured-image.webp 320w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/991d2/featured-image.webp 640w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/1fb14/featured-image.webp 960w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/135cd/featured-image.webp 1280w,\n/static/758dabaa409c3c6bf1f340f7ac8b295c/71913/featured-image.webp 4928w","sizes":"(max-width: 640px) 100vw, 640px"}}}},"excerpt":"Photo by  Ray Hennessy  on  Unsplash I finished migrating a WordPress blog, SlightEdgeCoder.com to Gatsby yesterday (2019-11-10). I will…","fields":{"year":"2019","slug":"/blog/2019/11/10/the-great-gatsby-migration/"}}},"pageContext":{"id":"79214872-4033-5f11-8be5-fe8f0125c4aa"}},"staticQueryHashes":["398935099"]}