GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → GraphCMS → Graphcms Examples

GraphCMS / Graphcms Examples

Licence: mit
Example projects to help you get started with GraphCMS

Programming Languages

typescript
32286 projects

Labels

reactvuegraphqlnextjsgatsbynuxtnuxtjsapollo-server

Projects that are alternatives of or similar to Graphcms Examples

Hoppscotch
👽 Open source API development ecosystem https://hoppscotch.io
Stars: ✭ 34,569 (+11618.31%)
Mutual labels:  graphql, nuxt, nuxtjs
Actions Gh Pages
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.
Stars: ✭ 2,576 (+773.22%)
Mutual labels:  gatsby, nextjs, nuxt
Nuxt Graphql Request
Easy Minimal GraphQL client integration with Nuxt.js.
Stars: ✭ 85 (-71.19%)
Mutual labels:  graphql, nuxt, nuxtjs
Firebase Gcp Examples
🔥 Firebase app architectures, languages, tools & some GCP things! React w Next.js, Svelte w Sapper, Cloud Functions, Cloud Run.
Stars: ✭ 470 (+59.32%)
Mutual labels:  graphql, nextjs, nuxtjs
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-81.69%)
Mutual labels:  graphql, nuxt, nuxtjs
Apollo Server Vercel
⚫ Production-ready Node.js GraphQL server for Vercel Serverless Functions
Stars: ✭ 69 (-76.61%)
Mutual labels:  graphql, apollo-server, nextjs
Jamstack Serverless
Learn JAMstack Serverless Modern App Development in Baby Steps using Gatsby.js, React, TypeScript, GraphQL, Contentful, Netlify, FaunaDB, MongoDB, Apollo, Github Actions, Project Fugu, and CSS Houdini.
Stars: ✭ 178 (-39.66%)
Mutual labels:  graphql, apollo-server, gatsby
nuxt-babel
Use normal .babelrc file with your Nuxt app
Stars: ✭ 32 (-89.15%)
Mutual labels:  nuxt, nuxtjs
nuxt-feature-toggle
The nuxt feature toggle module
Stars: ✭ 78 (-73.56%)
Mutual labels:  nuxt, nuxtjs
global-components
Module to register global components for Nuxt.js
Stars: ✭ 57 (-80.68%)
Mutual labels:  nuxt, nuxtjs
Babel Plugin Import Graphql
Enables import syntax for .graphql and .gql files
Stars: ✭ 284 (-3.73%)
Mutual labels:  graphql, nextjs
jooger.me
👍 My personal website，powered by @nuxt
Stars: ✭ 39 (-86.78%)
Mutual labels:  nuxt, nuxtjs
isnuxt3ready
A community-built compatibility guide for Nuxt 3 modules
Stars: ✭ 106 (-64.07%)
Mutual labels:  nuxt, nuxtjs
nuxt-mobile-detect
Nuxt mobile and device detection plugin for client side and SSR
Stars: ✭ 24 (-91.86%)
Mutual labels:  nuxt, nuxtjs
task-manager
Open-source task manager based on Kanban. Made with vue.js, koa2, mongodb\mongoose.
Stars: ✭ 23 (-92.2%)
Mutual labels:  nuxt, nuxtjs
nuxt-blog
📝 Personal blog built with Nuxt.js and wordpress rest api
Stars: ✭ 13 (-95.59%)
Mutual labels:  nuxt, nuxtjs
separate-env-module
Tear your variables apart!
Stars: ✭ 53 (-82.03%)
Mutual labels:  nuxt, nuxtjs
k-domains
A simple module to manage multiple subdomains with just one project
Stars: ✭ 41 (-86.1%)
Mutual labels:  nuxt, nuxtjs
nuxt wp
Repo for my blog series on a building a site with WordPress REST API, Vue, and Nuxt.js
Stars: ✭ 41 (-86.1%)
Mutual labels:  nuxt, nuxtjs
nuxt-star-admin-extra
Admin Template base on Vue StarAdmin with improved on design and served using Nuxt.js
Stars: ✭ 19 (-93.56%)
Mutual labels:  nuxt, nuxtjs
View All Similar Projects ➔

GraphCMS Examples

Example projects to help you get started with GraphCMS

Links

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 Asset Upload Programmatically upload assets using the Asset Upload endpoint
Using Management SDK Basic Management SDK script to create a schema with Remote Fields to query data directly from the Stripe API
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 Client 3 Using Apollo Client 3 to query data from GraphCMS. https://graphcms-with-apollo-client-3.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
GraphQL Codegen Automatically generated types for your GraphCMS project with GraphQL Code Generator https://graphcms-with-graphql-codegen.vercel.app
Gridsome A basic example using gridsome create CLI and @gridsome/source-graphql https://graphcms-with-gridsome.now.sh
MDX (with Gatsby) How to use gatsby-plugin-mdx with RichText fields from GraphCMS. https://graphcms-with-gatsby-mdx.vercel.app
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.vercel.app
Next.js A basic Next.js application, featuring getStaticProps and getStaticPaths to build static product pages https://graphcms-with-nextjs.now.sh
Next.js i18n Routing How to use Next.js Internationalized Routing with GraphCMS content https://graphcms-with-nextjs-i18n-routing.vercel.app
Next.js Image How to use Next.js Image Component with GraphCMS assets https://graphcms-with-nextjs-image.vercel.app
Next.js Image with Custom Loader How to use a custom loader function with Next.js Image Component and GraphCMS assets https://graphcms-with-nextjs-image-loader.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 This example demonstrates how to query from GraphCMS with graphql-request in React.js 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
Simple shopping cart using GridSome Deven

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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].