Nasty Popsicle Machine

    gatsby-source-instagram-all

    5.2.1 • Public • Published

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

    👓 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
            localFile {
              childImageSharp {
                gatsbyImageData(layout: CONSTRAINED, placeholder: BLURRED)
              }
            }
            album {
              localFile {
                childImageSharp {
                  gatsbyImageData(layout: CONSTRAINED, placeholder: BLURRED)
                }
              }
            }
          }
        }
      }
    }
    
    

    Graphql fields

    Field Name Description
    caption The Media's caption text
    localFile The local image.
    id The Media's ID.
    media_type The Media's type. Can be IMAGE, VIDEO, or CAROUSEL_ALBUM.
    media_url The Media's URL.
    permalink The Media's permanent URL. Will be omitted if the Media contains copyrighted material, or has been flagged for a copyright violation.
    thumbnail_url The Media's thumbnail image URL. Only available on VIDEO Media.
    timestamp The Media's publish date in ISO 8601 format.
    username The Media owner's username.
    album The CAROUSEL_ALBUM media. Has the same fields as the root media node

    Plugin Options

    Option Type Description
    access_token string Your access token
    limit number (optional) Limit number of posts. Default is infinity
    pageLimit number (optional) Limit number of posts fetched per page. Default is 30

    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

    Install

    npm i gatsby-source-instagram-all

    DownloadsWeekly Downloads

    949

    Version

    5.2.1

    License

    MIT

    Unpacked Size

    17.4 kB

    Total Files

    9

    Last publish

    Collaborators

    • mantasmikal