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



  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 {
       localImage {
         childImageSharp {
           fluid(maxHeight: 500, maxWidth: 500, quality: 90) {

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


  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