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.