⚛️📸 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"
     }
}

👓 Watch this video if you're having trouble generating your access token.

How to use

Query data like this:

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

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

Contribute

1. Fork it
2. Create your feature branch git checkout -b feature/fooBar
3. Commit your changes git commit -am 'Add some fooBar'
4. Push to the branch git push origin feature/fooBar
5. Create a new Pull Request