Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
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


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
© 2023 Gatsby, Inc.