Gatsby JS Course: Markdown, MDX, and Frontmatter Overview

Add Markdown and MDX support to your Gatsby site and learn about frontmatter. This is a single video in a series of 26 lessons. Watch the entire course at this playlist here: https://www.youtube.com/playlist?list=PLW0RabRDhwwzVNhlOgQQgw6HJzXdM1MnT Want to support the channel? We make our courses free to watch so anyone can access our content and level up their skills. For our larger courses, like this one, we sell the final code and design files for a small price to help support the creation of free educational content like this. You can purchase the course files below–any support is greatly appreciated! πŸ‘€ LIVE DEMO πŸ‘€ https://angry-bohr-9e84bc.netlify.app/ πŸ—‚ PURCHASE FILES & SUPPORT THE CHANNEL πŸ—‚ https://gum.co/LkpZQ πŸ”— COURSE RESOURCES πŸ”— Setup dev environment: https://www.gatsbyjs.org/tutorial/part-zero/ Gatsby Hello World Starter: https://github.com/gatsbyjs/gatsby-starter-hello-world Gatsby Transformer Sharp: https://www.gatsbyjs.org/packages/gatsby-transformer-sharp/ Gatsby Plugin MDX: https://www.gatsbyjs.org/packages/gatsby-plugin-mdx/ Gatsby Plugin Google Fonts: https://www.gatsbyjs.org/packages/gatsby-plugin-google-fonts/ Styled Components in Gatsby: https://www.gatsbyjs.org/docs/styled-components/ React Developer Tools for Chrome: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en Gatsby Create Pages: https://www.gatsbyjs.org/tutorial/part-seven/ Minify SVGs with SVGOMG: https://jakearchibald.github.io/svgomg/ Prism React Renderer: https://github.com/FormidableLabs/prism-react-renderer LekoArts: https://themes.lekoarts.de/ Codeblocks, MDX, and mdx-utils: https://www.christopherbiscardi.com/post/codeblocks-mdx-and-mdx-utils Language tabs for Gatsby’s code blocks: https://www.lekoarts.de/en/blog/language-tabs-for-gatsbys-code-blocks Netlify: https://www.netlify.com/ Figma: https://www.figma.com πŸ‘‹ FOLLOW US πŸ‘‹ Instagram: https://instagram.com/skillthrive/ #WebDev #WebDesign #WebDevelopment