Building Websites with MDX and Gatsby
Offered By: egghead.io
Course Description
Overview
MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps
Together, they combine to create a powerful platform for docs, blogs, and other rich applications.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps
Together, they combine to create a powerful platform for docs, blogs, and other rich applications.
Syllabus
- Introduction to MDX
- Install MDX in a New Gatsby Project
- Use a React Component from NPM in an MDX File with Gatsby MDX
- Use MDXProvider to Control the Rendering of Markdown Elements with Gatsby MDX
- Replace the MDX Content Wrapper with an MDXProvider in Gatsby MDX
- Create a Live Code Component with Gatsby MDX and React Live
- Syntax Highlighting Code Blocks using Components with Prism React Renderer and Gatsby MDX
- Compose Syntax Highlighting and Live Code Examples using MDXProvider with Gatsby MDX
- Processing Markdown File Extensions with Gatsby MDX
- Access Props inside MDX within a Gatsby Application
Taught by
Chris Biscardi
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX