Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

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