Skip to main content
View plugin on GitHub
See starters using this

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.
  4. Start your site

    gatsby develop

Docs
Tutorials
Plugins
Blog
Showcase