Load your Dribbble shots into your Gatsby website
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
LICENSE
README.md
gatsby-node.js
package.json
yarn.lock

README.md

gatsby-source-dribbble

Gatsby.js source plugin for loading data from Dribbble

Support me on Patreon

Package Version Package Downloads

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
            }
        }
    }
}