Gatsby-source-dribbble NPM

gatsby-source-dribbble

Gatsby.js source plugin for loading data from Dribbble

Learn more about Gatsby and its plugins here: https://www.gatsbyjs.org/docs/plugins/

See it in live action on the example site! Source Code for the example site.

Install

npm install gatsby-source-dribbble

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-source-dribbble`,
    options: {
      // You can get your Access Token by following this tutorial: http://developer.dribbble.com/v2/oauth/
      access_token: '<< Your_Access_Token_here >>'
    }
  }
]

GraphQL Queries

Get all your details

{
  dribbbleUser {
    name
    username
    bio
    avatar
    location
    url
    links
    created_at
    can_upload
    pro
    teams
  }
}

Get all your shots

{
  allDribbbleShot {
    nodes {
      id
      title
      description
      published
      updated
      url
      tags
      cover
      width
      height
      localCover {
        childImageSharp {
          fixed(width: 600) {
            ...GatsbyImageSharpFixed
          }
        }
      }
    }
  }
}