Building Websites with MDX and Gatsby

13m

4.4

people completed

Bookmark

Download

RSS

Start Watching

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.

Instructor

Chris Biscardi

Chris helps early stage open-source based startups like Gatsby and Docker build products. He gets excited about open source, works across a full stack (from design to containers), and lifts heavy objects to relax.

Course content (10 lessons)

1
Introduction to MDX
46s
2
Install MDX in a New Gatsby Project
1m 13s
3
Use a React Component from NPM in an MDX File with Gatsby MDX
46s
4
Use MDXProvider to Control the Rendering of Markdown Elements with Gatsby MDX
1m 44s
5
Replace the MDX Content Wrapper with an MDXProvider in Gatsby MDX
52s
6
Create a Live Code Component with Gatsby MDX and React Live
2m 31s
7
Syntax Highlighting Code Blocks using Components with Prism React Renderer and Gatsby MDX
2m 18s
8
Compose Syntax Highlighting and Live Code Examples using MDXProvider with Gatsby MDX
1m 41s
9
Processing Markdown File Extensions with Gatsby MDX
54s
10
Access Props inside MDX within a Gatsby Application
38s

illustration for Building Websites with MDX and Gatsby

Start Watching

Instructor

Chris Biscardi