GraphCMS Examples

Example projects to help you get started with GraphCMS on OneGraph.

To use GraphCMS from OneGraph, add your GraphCMS schema from the Architect tab on the OneGraph Dashboard.

Examples

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

Examples demonstrating how to use GraphCMS with popular application frameworks.

Frameworks & Libraries	Description	Demo
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-graphql` to build product pages with data from GraphCMS	https://graphcms-with-gatsby.now.sh
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.vercel.app
Next.js	A basic Next.js application, featuring `getStaticProps` and `getStaticPaths` to build static product pages	https://graphcms-with-nextjs.now.sh
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

Name		Name	Last commit message	Last commit date
Latest commit History 348 Commits
assets		assets
using-mutations		using-mutations
using-union-types		using-union-types
with-apollo-server		with-apollo-server
with-express		with-express
with-gatsby-image		with-gatsby-image
with-gatsby		with-gatsby
with-graphcms-image		with-graphcms-image
with-gridsome		with-gridsome
with-nextjs-mdx-remote		with-nextjs-mdx-remote
with-nextjs		with-nextjs
with-nuxtjs		with-nuxtjs
with-reactjs		with-reactjs
with-sapper		with-sapper
with-vuejs		with-vuejs
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
prettier.config.js		prettier.config.js
renovate.json		renovate.json