gatsby-source-giphy-trending

Community Plugin

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

Prerequisites

create giphy app to get an API key

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
            }
          }
        }
      }
    }
  }