Skip to main content
View plugin on GitHub
See starters using this

gatsby-source-dribbble

Gatsby.js source plugin for loading data from Dribbble

This project is a refactor of gatsby-source-dribbble.

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

Install

npm install gatsby-source-dribbble

or

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

Docs
Tutorials
Plugins
Blog
Showcase