Skip to content
master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.

README.md

GraphCMS Logo

GraphCMS Examples

Example projects to help you get started with GraphCMS.

Join our Slack Β· Read the Docs Β· Learn more about GraphCMS

Examples

GraphCMS Features & Recipes

Examples demonstrating how to use GraphCMS features.

Features Description Demo
Using Mutations Next.js app demonstrating how to use GraphCMS mutations with graphql-request, SWR and API routes https://graphcms-using-mutations.now.sh
Using Pagination Next.js app demonstrating how to paginate GraphCMS queries with graphql-request https://graphcms-using-pagination.vercel.app
Using Union Types A basic product marketing site using union types to compose UI 'blocks' with components. Built with Next.js, graphql-request and Tailwind CSS https://graphcms-using-union-types.now.sh

Frameworks & Libraries

Examples demonstrating how to use GraphCMS with popular application frameworks.

Frameworks & Libraries Description Demo
Algolia Sync content to Algolia via webhooks on publish using Next.js API routes. https://graphcms-with-algolia.vercel.app
Apollo Server Using apollo-datasource-graphql to pull a GraphCMS schema into an existing Apollo Server https://graphcms-with-apollo-server.herokuapp.com
Express A simple Express app using ejs templating and awesome-graphql-client https://graphcms-with-express.herokuapp.com
Gatsby A basic Gatsby site that uses gatsby-source-graphcms to build product pages with data from GraphCMS https://graphcms-with-gatsby.now.sh
Gatsby (File System Route API) A basic Gatsby site that uses gatsby-source-graphcms to build product pages using Gatsby's File System Route API https://graphcms-with-gatsby-filesystem-routing.vercel.app
Gatsby Image How to use gatsby-image with GraphCMS assets https://graphcms-with-gatsby-image.now.sh
GraphCMS Image How to use graphcms-image with Gatsby https://graphcms-with-graphcms-image.now.sh
Gridsome A basic example using gridsome create CLI and @gridsome/source-graphql https://graphcms-with-gridsome.now.sh
MDX (with Next.js) This example demonstrates how to use markdown fields from GraphCMS with MDX in Next.js https://graphcms-with-nextjs-mdx-remote-ynnoj.graphcms.now.sh
Next.js A basic Next.js application, featuring getStaticProps and getStaticPaths to build static product pages https://graphcms-with-nextjs.now.sh
Next.js Image How to use Next.js Image Component with GraphCMS assets https://graphcms-with-nextjs-image.vercel.app
Nuxt.js A simple Nuxt.js starter using create-nuxt-app CLI with Tailwind and Axios added https://graphcms-with-nuxtjs.now.sh
React.js create-react-app example that uses apollo-client to build a blog https://graphcms-with-reactjs.now.sh
Vue.js A vanilla Vue.js starter using vue create CLI with Vue Router https://graphcms-with-vuejs.now.sh
Sapper A SeveltJs example using Sapper https://graphcms-with-sapper.now.sh

Built by the community

Name Author
Next.js 9 and Zeit Now Boilerplate UnlyEd
Cache Boilerplate UnlyEd
Next Admin Backoffice Boilerplate UnlyEd

If you have created any examples with GraphCMS and want to see them featured here, reach out via our on-site chat on graphcms.com!

You can’t perform that action at this time.