smakosh / gatsby-source-dribbble

Load your Dribbble shots into your Gatsby website
https://www.npmjs.com/package/gatsby-source-dribbble
MIT License
11 stars 4 forks source link
dribbble gatsby plugin source

gatsby-source-dribbble

All Contributors

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

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

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Mitchell Butler

💻

Reagan

💻

This project follows the all-contributors specification. Contributions of any kind welcome!