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


A first look at PostGraphile with Railway

PostGraphile introspects an existing Postgres schema to generate a GraphQL API. In this tutorial, Anthony Campolo steps through how to host a Postgres database with Railway, and use PostGraphile to generate a GraphQL server.


GraphQL in Flutter - Building a Mobile Shop using Saleor API

Flutter is a an open-source framework created by Google to simplify building an app across multiple platforms. In this tutorial, Jakub Neander shows how the Saleor GraphQL API can be used to easily create a mobile e-commerce app.


Build a Blog Using Django, Vue, and GraphQL

In this tutorial, Dane Hillard shows how to build a Django blog backend and a Vue front end, using GraphQL to communicate between them. The tutorial covers how to translate Django models to a GraphQL API, how to run a Django server and a Vue front end at the same time, and more. Follow along with Dane to learn more about how Django and GraphQL work together.


Building Serverless GraphQL API in Node with Express and Netlify

In this article, Matthew Ström covers how to create a GraphQL API deployed to a serverless function on Netlify. He covers the core concepts of GraphQL itself, serverless, node, and express. Matthew then shows all the code necessary to deploy a fully-functional GraphQL API on a Netlify serverless function. Follow this tutorial for a deep-dive on how to use GraphQL and Netlify together.

GraphQL Recipes (V2) - Building APIs with GraphQL Transform

In this article, Nader Dabit provides a major update to his original tutorial covering how to build APIs with GraphQL and Transform. With GraphQL Transform, you can deploy AWS AppSync GraphQL APIs with features like NoSQL databases, authentication, elasticsearch engines, lambda function resolvers, relationships, authorization, and more using GraphQL schema directives. Follow along as Nader demonstrates these features by building out an app to track events.

GraphQL Playground Complete Overview

In this tutorial, Holiviel Valdez provides a comprehensive overview of GraphQL Playground and its features. The tutorial contains many annotated screenshots of the Playground and goes into detail on how they are used. Follow along as Holiviel uncovers many of the features of GraphQL Playground that can benefit your development experience.


Programmatically create forms, and capture submissions with Next.js and GraphQL

In this tutorial, Jamie shows how to build forms using Next.js and GrpahCMS. It works by defining the form fields dynamically via GraphCMS, rendering the form using Next.js, and using GraphCMS to handle submissions.


Complete Introduction to Fullstack, Type-Safe GraphQL (feat. Next.js, Nexus, Prisma)

A complete introduction to the building a full-stack, type-safe GraphQL server with a modern tech stack consisting of Next.js, Nexus, PostgreSQL, and Prisma. With the GA release of Prisma, this modern stack represents a powerful offering for those looking to build GraphQL with relational databases. Follow along to learn how these tools integrate to help you build full-stack applications.


Go GraphQL: Introduction to building GraphQL API in Golang

In this comprehensive tutorial, Gufran guides through the process of building a Star Wars GraphQL API in Golang with JWT authentication and pagination. It starts with some background on Go and GraphQL and delves into the implementation. One of the interesting details is how the code-first approach is used in Go to construct the GraphQL schema.


Deploy a Serverless GraphQL Server with Prisma 2

A guide to deploying a GraphQL server with Prisma and PostgreSQL to the Zeit Now Serverless platform. Prisma is an open-source database toolkit that makes database access easy. Deploying GraphQL to a Serverless platform has benefits as it requires almost no operational effort while offering easy scalability and usage-based pricing. The example covers the full workflow from source code to running deployment and covers some of the challenges associated with Serverless GraphQL deployments.


Instant GraphQL Backend with Fine-grained Security Using FaunaDB

An extensive guide to FaunaDB's native GraphQL support with a security layer. As GraphQL sees growing adoption, there are many tools to make it easy to get started. FaunaDB is a serverless database with native GraphQL support. Unlike the common pattern of exposing a GraphQL API over a database, Fauna supports an inverted workflow where the database is created from the GraphQL schema. The tutorial covers setting up the database and a fine-grained authorization layer.

An Introduction to GraphQL

In this article, John gives a soft introduction to GraphQL as part of the JS in Plain English series. The post is very beginner-friendly and works through the fundamentals of GraphQL.

Introduction to Urql's useQuery React Hook

This tutorial demonstrates the use of of the urql library on the client-side as a universal React query library. Urql is an alternative client library to the popular Apollo Client. The tutorial series covers writing an initial query, dynamic queries, and mutations all with the useQuery React hook.


GraphQL File Uploads with React Hooks, TypeScript & Amazon S3

This tutorial demonstrates step by step how to set up an Apollo Server with TypeScript for file uploads, set up your Apollo Client to upload files, pipe an uploaded file to AWS S3, and retrieve the URL of the uploaded file to save into a database. Given the multiple ways of performing file uploads (signed URL uploads, rolling your image server, etc.), this tutorial focuses on multipart upload requests.


Building a GraphQL server in Next.js

Check out this tutorial that covers building a GraphQL server with Next.js. Next.js has been gaining popularity in the React.js community thanks to its server side rendering support and easy integration with the Zeit Now platform. Leigh Halliday guides you through the process in a lean fashion, which begins with a dummy GraphQL server and takes you to integration with a PostgreSQL database, all while avoiding the N+1 problem common to GraphQL implementations.

Fluent GraphQL clients: how to write queries like a boss

In this post, Sezgi Ulucam explores the benefits of Fluent APIs and compares fluent GraphQL clients, like gotql and graphql-binding. Fluent GraphQL clients allow you to write queries programmatically rather than using strings, which can prevent developer errors at build time while improving productivity.


Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB

In this video tutorial series, Chris Biscardi guides through the process of building a JAMStack to-do app, built with Netlify, Gatsby, GraphQL, and FaunaDB. The guide uses a composition of modern serverless tools to build a GraphQL API deployed to Netlify in a modular way. Follow along to see how GraphQL combined with the JAMStack allows for few operational overhead while keeping future upgrade paths open.

How to build a GraphQL server with Swift and Vapor

In this post, Alexander showcases building a GraphQL server with the Swift framework Vapor. Swift has been gaining popularity in recent years since its release. The tutorial covers taking an example REST API, constructing a GraphQL schema programatically and converting the API into a GraphQL server, albeit without a database.

Build a GraphQL API in Golang with MySQL and GORM using Gqlgen

Follow along with Raj Kumar in building a GraphQL API with Go, using an ORM and MySQL. Raj unpacks many of the details and assumptions related to the components in this architecture. He also covers some of the pain points related to using Gqlgen, the schema-first GraphQL library which generates skeleton resolvers.


Colocating GraphQL Fragments

In this video, Leigh Halliday demos the power of colocating fragments, which provides the option to split your queries up in such a way that the various fields fetched by the queries are located right alongside the code that uses the field. Follow along as he shares how this allows for a more cohesive development experience along with TypeScript compatibility.


Building a GraphQL server with Kotlin + Ktor

Check out this tutorial on building a fully functioning GraphQL API with Ktor and JWT authentication. The tutorial walks through how to define the routes for your application, setting up an authentication feature, and adding GraphQL support. It also provides examples on implementing KGraphQL, which works well with Ktor.


Ultimate toolchain to work with GraphQL in Flutter

This article provides insight on Vasil Vasilich’s experiments with GraphQL in Flutter, exploring the various tools available to find the best toolset for high performance. The blog demos how to quickly build a dummy Flutter app as a measure to test various tools. It takes a look at artemis, graphql-flutter, and the js-graphql-intellij-plugin, resulting in a stable approach with GraphQL with the full extent of types and autocompletion.

File Upload with GraphQL, Apollo Server, Hapi 18+, and React

Follow along in this tutorial where Rohit Pandey from Expedia Group explains how to stream binary data using GraphQL. He includes a working demo of file upload and resources on using apollo-graphql with the hapi node.js framework on Repl.it and CodeSandbox. Handle multiple file uploads as well as read/write the file stream to disk in this tutorial.


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.