Skip to content

Latest commit

History

History
56 lines (47 loc) 路 1.63 KB

README.md

File metadata and controls

56 lines (47 loc) 路 1.63 KB

PLUGIN WILL STOP WORKING ON March 31st, 2020

Instagram deprecates its old API on March 31st, 2020

鈿涳笍馃摳 Gatsby source plugin to fetch ALL your instagram media from Instagram API + Gatsby Image support.

Demo

Install

  1. yarn add gatsby-source-instagram-all
  2. Add this configuration to your gatsby-config.js:
{
     resolve: `gatsby-source-instagram-all`,
     options: {
       access_token: "YOUR_ACCESS_TOKEN"
     }
}

馃憮 A quick way to get your access token

How to use

Query data like this:

query myQuery {
      allInstagramContent {
        edges {
          node {
           localImage{ 
             childImageSharp {
               fluid(maxHeight: 500, maxWidth: 500 quality: 90) {
                 ...GatsbyImageSharpFluid_withWebp
               }
             }
           }
            images {
              standard_resolution {
                url
              }
            }
          }
        }
      }
   }

You can also get videos, comments, likes, tags etc. Read Instagram API Docs for example response.

Plugin Options

Option Type Description
access_token string Your access token
max_id string (optional) Option to return media earlier than, but not including, this max_id
min_id string (optional) Option to return media later than, and including, this min_id