gatsby-source-instagram-all
โ๏ธ๐ธ Gatsby source plugin to fetch ALL your instagram media from Instagram API + Gatsby Image support.
Install
yarn add gatsby-source-instagram-all
- 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.