Skip to content
Vinylbase Gatsby example site using gatsby-source-graphql and GraphCMS
JavaScript CSS
Branch: master
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.
.dependabot
gatsby
src
static
.gitignore
README.md
gatsby-config.js
gatsby-node.js
license.txt
netlify.toml
package.json
yarn.lock

README.md

gatsby-graphcms-rd

Example of gatsby-source-graphql with GraphCMS

Install

  1. git clone https://github.com/rdela/gatsby-graphcms-rd.git && cd gatsby-graphcms-rd/
  2. yarn && yarn develop

GraphiQL

For an kitchen sink GraphiQL query you can run on Gatsby’s graphql debugger at http://localhost:8000/___graphql and try this link to preload a query with gatsby develop running:

Preload kitchen sink GraphiQL query

Opening that link with gatsby develop running puts this query in the GraphiQL console (click the Prettify button up top in GraphiQL to see the whole query with line breaks):

{
  vb {
    artists: allArtists {
      id
      name
      slug
      picture {
        id
        handle
        width
        height
      }
      records {
        id
        slug
        title
      }
    }
    records: allRecords {
      id
      slug
      title
      artist {
        id
        slug
        name
      }
      tracks {
        id
        title
        length
      }
      cover {
        handle
      }
      reviews {
        id
        slug
        title
      }
    }
    reviews: allReviews {
      id
      slug
      createdAt
      record {
        slug
        title
        artist {
          slug
          name
        }
      }
      title
      review
      rating
      comments {
        body
      }
    }
  }
}

Deploy

Deploy to Netlify

Contributors

and you?

You can’t perform that action at this time.