gatsby-source-behance
Gatsby.js source plugin for loading information from Behance
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-behance
How to use
// In your gatsby-config.jsplugins: [ { resolve: `gatsby-source-behance`, options: { // Visit your profile and grab the name after behance.net/<< username >> username: '<< Your username >>', // You can get your API Key here: https://www.behance.net/dev/register apiKey: '<< API Key >>', } }]
GraphQL Queries
To see all possible queries please use the GraphiQL editor which is available under http://localhost:8000/___graphql
Get all projects (of the user specified in the config):
{ allBehanceProjects { edges { node { name projectID published created modified conceived url privacy areas tags description tools styles covers { size_original } owners stats { views appreciations comments } modules { sizes { size_original } } } } }}
This example query fetches the information about the project and the respective images the project has
Get all user information:
{ behanceUser { names { displayName firstName lastName username } userID url website avatar company place { city state country location } areas stats { followers following appreciations views comments team_members } links { title url } sections socialMedia { social_id url service_name value } }}
Get all collections (of the user specified in the config):
{ allBehanceAppreciations { edges { node { id projectID name projectCount data public created updated modified url covers { size2 { url } size3 { url } } owners { username city } isOwner isCoOwner multipleOwners galleryText stats creatorID userID projects { id name published_on created_on modified_on url fields covers { size_original } } } } }}