Gatsby Book Launch

“The missing guide to the modern web” launches on Thursday, Sep 29th: Modular: The Web’s New Architecture

ContactSign Up for Free
Community Plugin
View plugin on GitHub

Gatsby Slideshow Theme

This is an extremely simple, extensible theme for making slideshows with Gatsby.

See the live demo

Installation

To use this theme in your Gatsby sites, follow these instructions:

  1. Install the theme

    npm install --save gatsby-theme-slideshow
  2. Add the theme to your gatsby-config.js with a path to your mdx slide files:

    module.exports = {
      plugins: [
        {
          resolve: "gatsby-theme-slideshow",
          options: {
            contentPath: "slides"
          }
        },
      ]
    }
  3. Add some slides to the directory path you defined in the previous step. Make

sure you add the slug and order properties to your frontmatter.

  1. Start your site
    gatsby develop
© 2022 Gatsby, Inc.