All Projects → fabe → Gatsby Starter Deck

fabe / Gatsby Starter Deck

Licence: mit
🗣 Create presentations using Gatsby, React & Markdown.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gatsby Starter Deck

Slideshow
slideshow gems - write your slides / talks / presentations in plain text with markdown formatting conventions
Stars: ✭ 173 (-66.86%)
Mutual labels:  slides, slideshow, presentations, markdown
Mdx Deck
♠️ React MDX-based presentation decks
Stars: ✭ 10,487 (+1909%)
Mutual labels:  gatsby, gatsbyjs, slides, markdown
Patat
Terminal-based presentations using Pandoc
Stars: ✭ 1,725 (+230.46%)
Mutual labels:  slides, slideshow, markdown
Press
Minimalist Markdown Publishing for Nuxt.js
Stars: ✭ 181 (-65.33%)
Mutual labels:  slides, slideshow, markdown
Reveal.js
The HTML Presentation Framework
Stars: ✭ 57,980 (+11007.28%)
Mutual labels:  slides, slideshow, presentations
Deckdeckgo
The web open source editor for presentations
Stars: ✭ 1,117 (+113.98%)
Mutual labels:  slides, slideshow, presentations
Nodeppt
This is probably the best web presentation tool so far!
Stars: ✭ 9,589 (+1736.97%)
Mutual labels:  slides, slideshow, markdown
Libreoffice Impress Templates
Freely-licensed LibreOffice Impress templates
Stars: ✭ 238 (-54.41%)
Mutual labels:  slides, slideshow, presentations
Gatsby Remark Oembed
A GatsbyJS Plugin that transforms oembed links into its corresponding embed code.
Stars: ✭ 154 (-70.5%)
Mutual labels:  gatsby, gatsbyjs, markdown
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+134.48%)
Mutual labels:  gatsby, gatsbyjs, markdown
Hacker Slides
A small UI for building presentation slides from markdown markup
Stars: ✭ 316 (-39.46%)
Mutual labels:  slides, slideshow, markdown
elm-slice-show
A simple presentation engine in Elm
Stars: ✭ 59 (-88.7%)
Mutual labels:  slideshow, slides, presentations
Backslide
💦 CLI tool for making HTML presentations with Remark.js using Markdown
Stars: ✭ 679 (+30.08%)
Mutual labels:  slides, slideshow, markdown
Asciidoctor Reveal.js
🔮 A reveal.js converter for Asciidoctor and Asciidoctor.js. Write your slides in AsciiDoc!
Stars: ✭ 219 (-58.05%)
Mutual labels:  slides, slideshow, presentations
Blog
My blog created with React, Gatsby & Markdown
Stars: ✭ 29 (-94.44%)
Mutual labels:  gatsby, gatsbyjs, markdown
Gatsby Remark Embedder
Gatsby Remark plugin to embed well known services by their URL.
Stars: ✭ 245 (-53.07%)
Mutual labels:  gatsby, slides, markdown
s6
S6 Blank - Slideshow templates using HTML 5, CSS 3 'n' JavaScript 2017+ w/ Bespoke.js-compatible "microkernel"
Stars: ✭ 91 (-82.57%)
Mutual labels:  slideshow, slides, presentations
Devblog
A lightweight, customizable personal blog template built with GatsbyJS and React
Stars: ✭ 312 (-40.23%)
Mutual labels:  gatsby, gatsbyjs
Clickhouse Presentations
Presentations, meetups and talks about ClickHouse
Stars: ✭ 483 (-7.47%)
Mutual labels:  slides, presentations
React Gatsby Firebase Authentication
🐣🔥Starter Project / Boilerplate for Authentication with Firebase and plain React in Gatsby.js
Stars: ✭ 356 (-31.8%)
Mutual labels:  gatsby, gatsbyjs

🚨 This starter is now archived in favor of gatsby-theme-mdx-deck. Thanks for your interest 💜


gatsby-starter-deck

dependencies deploys by netlify styled with prettier

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/fabe/gatsby-starter-deck

With git clone

$ git clone [email protected]:fabe/gatsby-starter-deck.git my-slides
$ 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].