gatsby-deck-template

Create presentations using Gatsby, React & Markdown. Inspired by Guillermo Rauch’s deck on Next.js and mdx-deck.

➡️ See a live example

Installation

With gatsby-cli

$ gatsby new my-slides https://github.com/whoisryosuke/gatsby-deck-template

With git clone

$ git clone git@github.com:whoisryosuke/gatsby-deck-template.git
$ cd my-slides
$ yarn

Usage

Edit and extend your slides inside the src/slides.md file. Navigate with the arrow keys.

# To develop & write
$ yarn develop

# To build
$ yarn build

Writing

By default, use src/slides/.

Markdown files are loaded in sorted path order. Slides are generated by splitting each markdown file along <hr/> elements (--- in Markdown lingo).

Examples:

# This is the first slide

---

## This is the second slide

![Monkey](//i.imgur.com/PnbINJ6.gif)

Authors

• Fabian Schultz (@fschultz_)
• Frank Murphy (AnIrishDuck)
• Stefan Probst (stefanprobst)
• Ryosuke Hana (@whoisryosuke)