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

gatsby-source-giphy-trending

Source plugin for pulling data into Gatsby from Giphy trending API.

Prerequisites

Install

npm install --save gatsby-source-giphy-trending

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: 'gatsby-source-giphy-trending',
      options: {
        api_key: '',
        rating: 'G',
      },
  },
]

Options

api_key (REQUIRED)

API key from Giphy Developer dashboard

rating (OPTIONAL)

Filters results by rating

  • Y
  • G
  • PG
  • PG-13
  • R

How to query

{
    allGiphyGif(limit: 10) {
      edges {
        node {
          id
          url
          title
          images {
            original {
              url
            }
          }
        }
      }
    }
  }
Docs
Tutorials
Plugins
Blog
Showcase