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

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

Get all your shots

{
    allDribleProjects {
        edges {
            node {
                title
                description
                id
                published
                updated
                url
                tags
                cover
                width
                height
            }
        }
    }
}

Built With

• javascript