A weekly newsletter of the best news, articles and projects about GraphQL

Tutorials

Build a Meal Ticketing App with GraphQL and Apollo React Hooks

Chris Nwamba's tutorial on creating a meal ticketing app, inspired by a forgotten meal ticket at a conference, goes over how one can create an app using GraphQL, Apollo, React Hooks, and 8Base. The tutorial walks through the entire process in detail and links out to the full project repo in the conclusion.

200 OK! Error Handling in GraphQL

In her tutorial on how to more effectively model errors in a GraphQL schema, Sasha Solomon outlines that there are two ways to think about errors: actual errors and results. In the rest of the article she highlights how to make the results more specific and effective for the developer. A written version of her conference talk, she wraps up the article by linking out to a couple places where one can see her live presentation on the same topic.

Tutorials

From zero to a serverless GraphQL endpoint in a flash

Learn how to create a serverless GraphQL endpoint in this tutorial where they explain how to work with server less functions, deploy on AWS Lambda, and utilize the Netlify CLI tool. This guide breaks down how to build your schema and resolvers, and interact with the endpoint using the GraphQL playground. Explore the example code as well as the files created throughout the tutorial in the GitHub repository at the end.

Tutorials

An Introduction Tutorial To Apollo GraphQL Federation

Learn about what Apollo Federation and what problems that federation is trying to solve with a real-time example. This tutorial explains the Apollo GraphQL Federation core concepts, such as entities and keys and external type references, through multiple examples. The article also depicts how to build a microservice that contains various services and an API gateway.

Tutorials

React Form Validation With Formik, Yup, and GraphQL

This in-depth guide demonstrates how to validate a React user registration form by building a React and Apollo client with an Express and GraphQL Yoga server. The tutorial provides a server boilerplate and walks through using Yup for error validation. On the client side, the tutorial explains how to use the Higher Order Component version of Formik to pass a validation schema.

Tutorials

Football Transfers Graph App with the GRANDstack Starter Kit

This tutorial goes into detail on how to create an app with GraphQL, React, Apollo, and Neo4j using a starter kit template that can be found in the article. It demonstrates how to use neo4j-graphql-js library to generate an initial GraphQL schema and how to manipulate the results of the query to populate tables. Mark Needham also provides examples on modifying GraphQL types and mapping a custom Cypher query to a type.

Tutorials

GraphQL Recipes - Building APIs with GraphQL Transform

Learn how to utilize the GraphQL Transform library which allows you to deploy AWS AppSync GraphQL APIs with features like NoSQL databases, authentication, and more. Nader Dabit demonstrates how to use the 7 directives offered by GraphQL Transform to build out the backends for various example apps. He also provides all the resources and instructions for deploying these apps at the top of the tutorial.

Mock your GraphQL Server realistically with Faker.js

Have you been in a situation where your GraphQL server needs to use an API that is not implemented yet? Take a look at faker.js, a library that allows you to generate dummy data in node or in the browser. Frin Yvonnick guides you through how to set up an Apollo server and implement a GraphQL endpoint. Then, Yvonnick utilizes faker.js to write custom mocked resolvers and pass them to an Apollo server.

Tutorials

GraphQL on Rails: 3 Part Series

Check out this extensive 3 part series on developing GraphQL APIs with Rails on the backend and React/Apollo on the frontend. The guide explains how to set up a Rails server from scratch and walks through how to prepare the data model. Learn how to manipulate data using GraphQL mutations and keep it up-to-date with subscriptions in parts 2 and 3.

Optimizing Queries with the GraphQL Code Generator

This article explains how to use GraphQL Fragments with Apollo Client and the Relay compiler to transform queries before GraphQL Code Generator outputs generated code. The article includes a working codegen/relay plugin and demonstrates how to configure it for any react-apollo project.

Tutorials

GraphQL Tutorial Series

Check out Hasura’s 2 hour GraphQL Tutorial series on what GraphQL is and how to integrate GraphQL APIs with different web/mobile frameworks. They currently have tutorials using React, Vue, iOS, Hasura, and many more coming soon. The tutorials take you step by step from setting up a GraphQL client with Apollo to creating subscriptions and receiving realtime data.

Tutorials

Schema Stitching with Hot Chocolate on ASP.Net Core

Hot Chocolate is a .net GraphQL server that introduces schema stitching to the .net platform. The article walks you through what schema stitching is and what it can do for you. It shows how to setup a GraphQL gateway that stitches multiple schemas and creates one consistent schema for your consumers

Securing GraphQL Services without Code

A short tutorial illustrating how a GraphQL proxy can help increase security in a GraphQL backend, this article discusses two possible solutions. Both hinge on the use of GraphQL Go Tools. In the first example, the article covers using the tools with Prisma and in the second, the combination of the tooling with Neo4j.

Tutorials

GraphQL with Golang: A Deep Dive From Basics To Advanced

This piece offers an introductory tutorial of GraphQL with Go. Using gqlgen and working with the hypothetical example of a video publishing site, this article walks the reader from queries, mutations, subscriptions, etc, to more advanced topics, including authentication and optimizing the queries themselves.

Create Fullstack Applications with GraphQL and Apollo

This playlist on egghead.io by Eve Porcello and Alex Banks covers everything you need to get started with GraphQL, Apollo Server, and Apollo Client.

SwagQL: Generate customizable GraphQL schema from Swagger spec

This article covers the use of SwagQL at Groupon. SwagQL builds a GraphQL schema from a Swagger (or Open API) spec that provides GraphQL Types, Queries, and Mutations. The generated schema can be customized using babel plugins. Offering a tutorial on using SwagQL with Swagger's Pet Store example, the piece goes over building a GraphQL interface for that backend. It is always interesting to see the various approaches companies take when working with GraphQL and Swagger together in production.

Tutorials

Fully functional WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL

A rich tutorial in 13 steps, this article is the introduction to an updated version of a Whatsapp clone tutorial from 2015. The tutorial, published earlier this week, takes great care to cover best practices when building an app. The subjects covered in the piece include basic authentication, subscriptions, and advanced tooling.

GraphQL (with React, Angular, Vue, and Node)

A 4 day GraphQL (with React, Angular, Vue, and Node) bootcamp, this live-streamed and recorded video covers working with GraphQL on a client in all popular frontend frameworks as well as how to create your own GraphQL server with various solutions. Taking advantage of Youtube's livestream feature, the video has not only the traditional comments at the bottom but also a real time log of the conversations and viewer questions.

Tutorials

Try GraphQL

A fun, interactive GraphQL tutorial, Try GraphQL takes a user from running a simple query in GraphQL, all the way up to querying from a react app. With a cool aesthetic and interesting challenges throughout, this is a fun way to practice and get familiar with GraphQL.

Tutorials

Authentication and Authorization Basics with GraphQL and REST

This easy to follow overview tutorial by Rodrigo Quezada provides an introduction to Authentication and Authorization. The piece offers an intro to JSON web tokens, the middleware approach to authentication, as well as using graphql-yoga. It rounds out with some details on Authorization with GraphQL Shield.

Effortless Real-time GraphQL API with Serverless Business Logic

This tutorial by Vladimir Novick covers deploying a GraphQL API with Hasura using Docker and the capabilities offered by the Hasura console once deployed.With a console walkthrough, this piece offers a good summary of the Hasura's functionality and additional tooling.

GraphQL Persisted Queries with Apollo Server 2

The third piece in a series on persisted queries and working with Apollo Server 2. A straightforward guide that covers how to clean up some code and work better the new Apollo functionality.

Merging 2 GraphQL APIs at the Same Level

Covering a new "union pattern" to merge APIs, this tutorial combines an AppSync API and Gitub API to create a a single API service. Walking through the process of setting this up, the article closes out by covering how to deploy the new API server to AWS Lambda.

Tutorials

How to survive a Penetration Test as a GraphQL developer

A helpful security-focused tutorial, the piece offers several examples of how developers can lock down their GraphQL applications against potential intruders. The article covers Access Control, Anti-Automation, Server-Side Validation Checks, and Verbose Error Messaging and provides readers with some great early steps to begin to lock down their app.

Basics of Caching Data in GraphQL Apollo React Client

A dense article, this piece shares a variety of caching strategies in React Apollo GraphQL Client. While offering a swathe of options, the tutorial is also diligent about linking out to articles that dive deeper, helping anyone investigate any specific approach further.

How to use Postman with GraphQL APIs

For users and fans of Postman, this article does exactly what it says on the tin. 🥫

Tutorials

GraphQL concepts I wish someone explained to me a year ago

A deep and helpful seven part series on GraphQL! In it Naresh Bhatia covers Queries, Mutations, and Subscriptions for client and server implementations. The series distinguishes itself by deliberately covering a more advanced GraphQL example. It sets up a potential real life example of books, authors, and publishers to highlight some of the more complex problems that the relationships between entities can cause in GraphQL.

Tutorials

Apollo Server and Express

In the following tutorial, you are going to implement server-side architecture with GraphQL and Apollo Server. Apollo Server on top of graphql-js aims to simplify building GraphQL servers in JavaScript. Checkout this tutorial to get an awesome boilerplate for your future GraphQL projects.