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

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

Tutorials

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.

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.