Code Examples
Features & Recipes
Examples demonstrating how to use GraphCMS features.
| Features | Description |
|---|---|
| Using Mutations | Next.js app demonstrating how to use GraphCMS mutations with graphql-request, SWR and API routes. |
| 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. |
Frameworks & Libraries
Examples demonstrating how to use GraphCMS with popular application frameworks.
| Library / Framework | Description |
|---|---|
| Algolia | Sync content to Algolia via webhooks on publish using Next.js API routes. |
| Express | A simple Express app using ejs templating and awesome-graphql-client. |
| Gatsby | A basic Gatsby site that uses gatsby-source-graphcms to build product pages with data from GraphCMS. |
| Gatsby | How to use gatsby-image with GraphCMS assets. |
| GraphCMS Image | How to use graphcms-image with Gatsby. |
| Gridsome | A basic example using gridsome create CLI and @gridsome/source-graphql. |
| MDX (with Next) | This example demonstrates how to use markdown fields from GraphCMS with MDX in Next.js |
| Next.js | A basic Next.js application, featuring getStaticProps and getStaticPaths to build static product pages. |
| Nuxt.js | A simple Nuxt.js starter using create-nuxt-app CLI, and a custom Nuxt plugin. |
| React.js | create-react-app example that uses apollo-client to build a blog . |
| Vue.js | A vanilla Vue.js starter using vue create CLI with Vue Router . |
| Sapper | A Svelte example using the Sapper framework. |