gatsby-source-instagram-all

⚛️📸 Gatsby source plugin to fetch ALL your instagram media from Instagram API + Gatsby Image support.

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

Usage

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.