Learning MDX Deck: Layouts

Welcome back ๐Ÿ‘‹. In this installment of Learning MDX Deck, I will go over MDX Deckโ€™s built-in layouts. It is also possible to create your own layouts. I wonโ€™t cover that here, but you can read about it in the MDX Deck documentation. So lets get right to it. Here is what MDX Deck provides for layouts out of the box.

  • Default
  • Invert
  • Split
  • SplitRight
  • FullScreenCode
  • Horizontal

Learning MDX Deck: Deploy To Netlify

In the previous article, Learning MDX Deck: Getting Started, I showed how to get up and running with MDX Deck. MDX Deck is a tool for creating presentation deck websites using MDX. But what good is creating a super sweet presentation if you canโ€™t easily show it off to your friends? Letโ€™s take the exact code from Learning MDX Deck: Getting Started and deploy it to Netlify.

Learning MDX Deck: Getting Started

๐Ÿ™‹ What is MDX Deck?

MDX Deck was created by Brent Jackson (@jxnblk) and is a tool for creating presentation deck websites using MDX. MDX provides the ability to use Reactโ€™s JSX inside Markdown. The combination creates a powerful experience for building a web-based presentation deck. Here are a list of features, as listed on the MDX Deck GitHub Page:

  • ๐Ÿ“ Write presentations in markdown
  • โš› Import and use React components
  • ๐Ÿ’… Customizable themes and components
  • 0๏ธโƒฃ Zero-config CLI
  • ๐Ÿ’โ€โ™€๏ธ Presenter mode๏ฟผ
  • ๐Ÿ““ Speaker notes
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now