Tutorials & Guides
Helpful step-by-step tutorials & guides to understand how to build apps with Graphcool.
Relay Modern's @connection directive
Learn how Relay Modern uses the the @connection directive to refer to a list of items in the internal cache.
Getting Started with Relay Modern
Get started with Relay Modern by building an Instagram application from scratch!
Exploring Graphcool: The Serverless GraphQL Backend
A walktrough of all major Graphcool features with lots of helpful links and resources
Validating and Transforming Mutation Input
Getting started with the Request Pipeline for data transformation & validation
Using Server-side Subscriptions to Send a Welcome Email
Getting started with Server-side Subscriptions to integrate 3rd party services
Freecom Tutorial: Business Logic with Serverless Functions (5/6)
Implementing Business Logic with Serverless Functions
Advanced GraphQL Features of the Graphcool API
Learn about advanced capabilities of the Graphcool API
Algolia Auto-Sync for GraphQL backends
Automatically synchronize data from your GraphQL backend to Algolia. Algolia Instant Search provides intuitive and fast search experiences.
Freecom: Building Intercom with GraphQL and Apollo (Overview)
Full-stack tutorial series to build an Intercom-clone with React, Apollo & GraphQL.
Freecom Tutorial: Designing the Schema & GraphQL Server (1/6)
Learn about Freecom's data model and how to generate a Graphcool backend from the CLI.
Freecom Tutorial: Apollo Setup & GraphQL Queries/Mutations in React (2/6)
Learn how to integrate Apollo into your React app and run GraphQL queries & mutations.
Freecom Tutorial: Realtime Updates with GraphQL Subscriptions (3/6)
Realtime Updates with GraphQL Subscriptions
Freecom Tutorial: Controlling Data Access with Authentication & Permissions (4/6)
Controlling Data Access with Authentication & Permissions
GraphQL vs Firebase
Learn about the differences of Firebase and GraphQL
Thinking in Terms of Graphs
Think in graphs and explore a powerful concept that GraphQL terms like nodes and edges are based on.
User Authentication with Auth0 for React and Apollo
Learn how to provide secure data access to your GraphQL backend and provide user authentication with Auth0 in React and Apollo.
User Authentication with Digits for React and Apollo
Learn how to provide secure data access to your GraphQL backend and provide user authentication with Digits in React and Apollo.
User Authentication with Email for React and Apollo
Learn how to provide secure data access to your GraphQL backend and provide email/password-based user authentication with Auth0 in React and Apollo.
Authorization for a CMS with GraphQL Permission Queries
Learn how to build secure authorization in GraphQL by defining role-based, owner-based and relation-based permissions powered by flexible filters.
Using the Graphcool CLI for a multi-stage development workflow
Learn best practices to manage a multi-staging (dev & prod) development workflow with the Graphcool CLI
Sending Slack Notifications with GraphQL & Zapier
Use Zapier to create a Slack integration for your GraphQL server and get Slack notifications whenever a certain mutation is executed.
Stripe Payment Workflow with Mutation Callbacks
Use mutation callbacks to implement a custom Stripe payment workflow to verify credit card details and charge customers.
How to build a Real-Time Chat with GraphQL Subscriptions and Apollo ?
Build a realtime chat where the users can see the locations of all participants on a map - using GraphQL subscriptions and the Apollo client
Designing Powerful APIs with GraphQL Query Parameters
GraphQL queries provide an efficient way to fetch data. Our GraphQL API leverages different GraphQL query arguments to provide even more control.
How to use GraphQL with jQuery
Learn how to use GraphQL with jQuery by building a simple Pokedex example app
Migrating to Relay Modern
Learn how to migrate a project from Relay Classic to Relay Modern
Relay vs Apollo - Comparing GraphQL clients for React apps
Relay vs. Apollo Client: Find out which GraphQL client works best for you by learning about differences between Relay and Apollo Client.
How to use `create-react-app` with GraphQL & Apollo
Connecting to a GraphQL backend is really simple with create react app and Apollo Client.
Tutorial: Using create-react-native-app with GraphQL & Apollo
Connecting to a GraphQL backend is really simple with create-react-native-app and Apollo Client. Learn how to do so in this simple tutorial.