All Episodes

Astro Content Layer with GraphQL

Learn how to use Astro's content layer with GraphQL to fetch content from a CMS.

GraphQL Explorer

Explorer emphasizes workflow efficiency, incorporating advanced tracing tools and a unified interface for managing queries.

gql.tada

A new type-safe developer experience GraphQL developers.

Protect GraphQL APIs with Unkey

Learn how to use the GraphQL Yoga Plugin system to protect requests using API keys with Unkey.

Interview with Laurin Quast

Learn more about Laurin, GraphQL Envelop and Yoga in this interview.

GraphQL list query naming conventions

Let's talk about some of the most common ways you can name list queries.

Why not just use fetch with GraphQL?

My reaction video to a recent Reddit question on what's the point of GraphQL client libraries over fetch.

GraphQL JIT

Execute and compile highly optimized code with GraphQL JIT.

GraphQL Analytics and Security with Inigo

Contextualized analytics for any GraphQL API.

Tools every frontend developer should be using with GraphQL in 2023

Check my recommended top 5 tools you should be using as a frontend developer in 2023 when working with GraphQL.

Next.js Route Handler with Yoga

Create your own GraphQL Yoga route handler with Next App Router.

Automate deploying GraphQL APIs to Cloudflare Workers

Deploy your GraphQL Yoga server automatically to Cloudflare Workers using GitHub Actions.

Type-safe GraphQL resolvers with garph

Write resolvers without the codegen and debugging. Infer types with code-first GraphQL schemas.

GraphQL Voyager

Interact and explore your Graph with GraphQL Voyager.

Masked Email Directive with RedwoodJS

Create a custom directive using Redwood to mask emails for user profiles.

GraphQL over HTTP

In this video, we'll explore GraphQL over HTTP Specification, and how we can audit GraphQL APIs to ensure compliance.

GraphQL Network Inspector

Inspecting GraphQL requests doesn't have to be difficult. This Chrome extension makes it a breeze.

GraphQL Input Error Handling

Handle input errors with GraphQL using types, and soon to be "@oneOf" directive.

Generate Persisted Documents with GraphQL Code Generator

Automatically persist GraphQL operations to JSON with the client preset plugin.

Refresh Next.js 13 server state after GraphQL mutation

Learn how to refresh Next.js page server state when GraphQL mutations occur.

What ar GraphQL Persisted Queries?

A quick look at what it means to use persisted queries with GraphQL.

Custom GraphQL Scalars Specification

GraphQL now has an official home for Scalars.

GraphQL Yoga 3 with Cloudflare Workers

Build and deploy GraphQL Yoga to the Edge with Cloudflare Workers.

GraphQL with Hoppscotch

Hoppscotch is a desktop and browser based app that you can use to make GraphQL requests. You can save requests for later with collections, use variables, browse documentation, and more.

Fresh

Fresh is a web framework built with Deno that's very fast. Learn how query and mutate data using Fresh handlers.

Building GraphQL UI with Retool

Query and mutate data with a GraphQL backend using pre-built components by Retool.

GraphQL Yoga 3 and ExpressJS

Create a GraphQL server with the new GraphQL Yoga 3 and ExpressJS.

The new GraphQL Code Generator Client Preset

Learn how to setup and configure the new GraphQL Code Generator Client Preset.

GraphQL with Next.js 13 Server Components

Fetch data from a GraphQL backend using Next.js 13 server components.

GraphQL Middleware with Yoga

Run code before or after any resolver is invoked by using GraphQL middleware.

Rate Limiting with GraphQL Yoga

Learn how to rate limit on a per-user basis with GraphQL Yoga and Envelop.

Using GraphQL Code Generator with GraphQL Request

Learn how to types with the GraphQL Request library, and generate types using GraphQL Code Generator for GraphQL operations.

Set Context with Apollo Client

Learn how to create Apollo Client middleware for updating request headers sent to your API using React context.

Build a REST directive with GraphQL Tools

Learn how to build a custom @rest directive with GraphQL Tools to resolve data from a JSON API.

Code-first GraphQL with Pothos

Learn to build a GraphQL schema with Pothos using the "code-first" approach.

GraphQL Explorer Plugin with GraphiQL

Learn how to use the new plugin ecosystem with GraphiQL to install GraphQL Explorer. Execute GraphQL operations with a click!

GraphQL Queries and Mutations with useSWR

Learn how to use SWR with GraphQL to query and mutate data. Also use the internal mutate method provided by SWR to update specific SWR values.

Working with GraphiQL 2

Learn how to perform GraphQL operations, variables, headers, view documentation, merge fragments, and more with GraphiQL 2.

GraphQL Yoga Subscriptions with Redis

Use Redis with Yoga for managing the GraphQL Subscriptions PubSub bus.

Secure APIs with GraphQL Armor

Secure your API with customizable security middleware built for almost any JavaScript based GraphQL engine.

GraphQL Live Queries

Explore working with live in-memory GraphQL queries using Yoga, Envelop, and a custom execute function.

Apollo Client Cache Data Normalization

Explore the Apollo DevTools to explore how data is normalized, and stored in the client cache.

GraphQL Subscriptions with Server Sent Events

Learn how to subscribe, and post to PubSub topics using GraphQL Subscriptions, Server Sent Events, and GraphQL Yoga.

GraphQL to Postman collection with GraphMan

Learn how you can quickly create a Postman, or Insomnia collection from your GraphQL API using GraphMan.

What is GraphQL?

Let's talk about what GraphQL is, and can what it can do, with Kirupa Chinnathambi (Product Manager at Google).

Generate TypeScript Types from GraphQL

Automatically generate types for your local or remote GraphQL schema, and operations for better type-safety.

GraphQL Yoga with Cloudflare Workers KV

Build a GraphQL server at the edge with Cloudflare Workers, and KV for edge key/value storage.

Operation field permissions with Envelop

Allow or deny GraphQL operations based on how you configure GraphQL server context using the Envelop plugin system.

GraphQL Mesh Extended Types

Learn how to extend types from one GraphQL API to resolve the data provided by another, using GraphQL Mesh.

The Graph Client

Generate a fully typed SDK automatically to query the Ethereum network using The Graph Client.

Working with GraphiQL

Explore how to work with GraphiQL to explore documentation, perform operations, tabs, prettify operations, variables, request headers, and more.

Schema-first or code-first GraphQL

Getting started with GraphQL doesn't always mean you need to write your schema by hand. Instead you can use code-first tools to define both your type definitions and resolvers.

GraphQL Nullability

Learn how to define nullable and non-nullable fields your GraphQL schema with the schema-first approach.

Typed Document Node

Generate a DocumentNode automatically for GraphQL operations, and the typescript signature it represents for better use with GraphQL clients.

Batching with DataLoader

Reduce overloading your database by batching requests. Discover how to instantiate, and share dataloaders through server context, and pass request headers to your dataloader.

GraphQL Mutations and Input Types

Avoid bloating mutations with arguments, and instead opt to use input types you can extend over time. Explore naming conventions for input types, how to define them, and use them with variables.

Documenting your GraphQL SDL with Descriptions

Add descriptions to your GraphQL schema to provide a better developer experience for consumers of your API. Descriptions also support markdown, so you format text, add links to further documentation, and more.

Svelte, GraphQL, and KitQL

KitQL automatically generates Svelte stores for all of your GraphQL operations, and manages caching data between the client, and server. Optimistically update mutations with patching, and more.

GraphQL Yoga 2

It's time to relax with GraphQL Yoga. In this video we'll explore how easy it is to get started building a GraphQL Server with GraphQL Yoga. Featuring Subscriptions, Error Masking, and Plugins.

Context with Response Cache Plugin

Enable or disable caching, and/or prevent leaking sensitive data with other users using the context argument for the Envelop plugin "Response Cache".

Response Cache Plugin with Envelop

Skip the GraphQL execution phase with the response cache plugin for Envelop. Set TTL for types and fields, as well as cache results in-memory, or with your own KV store.

Execute lazy queries with React Apollo Client

Execute GraphQL queries in response to events made by your application using the useLazyQuery hook.

GraphQL Caching with GraphCDN

Make your GraphQL API faster with caching using GraphCDN. Monitor API health with error monitoring, and alerts, as well as analytics for operations made to your endpoint.

Type safe GraphQL server context

Add type safety to your GraphQL server context with GraphQL Code Generator plugin "TypeScript Resolvers".

GraphQL Error Handling with Union Types

Implement better error handling with GraphQL by using the Type System.

Apollo Client 3 with GraphQL Code Generator

Automatically generate code for Apollo Client 3 hooks with GraphQL Code Generator using operations stored inside of your codebase.

GraphQL Schema Mocking with GraphQL Tools

Build faster frontends with mocking. Enable frontend teams to focus on building functionality and UI without waiting for the backend implementation.

Remote GraphQL Schema Introspection Codegen

Automatically introspect your stitched GraphQL schemas endpoints, and use the results to execute requests to remote schemas.

Type safe resolvers with GraphQL Code Generator

Detect errors while building your GraphQL API at build time instead of runtime with TypeScript. Also learn how to use resolver maps to separate database/GraphQL types.

GraphQL Introspection

Learn about the built-in GraphQL introspection system, and how you can find out more about the schema using GraphQL queries.

GraphQL Yoga

Fully-featured GraphQL Server with focus on easy setup, performance and great developer experience.

Merge Resolvers with GraphQL Tools

Load and merge GraphQL resolvers from multiple files using GraphQL Tools.

GraphQL schema file loading with GraphQL Tools

Load GraphQL schema from a single file, or multiple using the GraphQL File Loader.

Detect breaking GraphQL schema changes with GitHub Actions

Learn how to configure a GitHub Action to automatically detect breaking schema changes when new Pull Requests are opened.

GraphQL Context Argument

Learn how to use the context argument to share things like database connections, dataloaders, and more across requests.

Metered GraphQL API usage billing with Stripe

Charge users of your GraphQL API per request with Stripe's metered billing.

Remix + GraphQL Request

Discover how to fetch data on the server with Remix loaders, and link between pages using the Remix Web Framework.

GraphQL Union Types and GraphQL Tools

Learn how to define a GraphQL Union Type using GraphQL Tools.

GraphQL Helix API Route with Next.js

We'll use utility functions from GraphQL Helix to process requests inside our API route made from the Next.js frontend.

GraphQL Mesh SDK with Next.js

Combine multiple GraphQL Mesh sources as a single GraphQL API, and extend types from one source to include another. Then generate a SDK that can be used on the server to fetch data for a Next.js page.

GraphQL Query Depth Limiting with Express

Learn how to add validation rules to Express GraphQL to set a depth limit on queries.

GraphQL Fragments

Learn how to work with GraphQL Fragments inside Queries and Mutations together with variables, and nested fragments.

GraphQL Remote Schema Stitching

Stitch together remote APIs using GraphQL Tools, and delegate requests across schemas.

Express GraphQL + MongoDB

Resolve queries and mutations with MongoDB.

GraphQL + Fetch API

Execute GraphQL queries and mutations using the fetch API.

include, skip and deprecated GraphQL Directives

Learn how to work with @include, @skip, and @deprecated built-in GraphQL directives.

GraphQL Variables with Queries and Mutations

Learn how to use GraphQL variables with your queries and mutations.

GraphQL with Insomnia

Insomnia is open source, and offers a subscription service for teams to share and collaborate on designing APIs with Swagger, and share requests to APIs.

Create a custom Scalar Type for Email Address

We'll create a custom GraphQL Scalar for our email that is rfc822 compliant.

Serverless GraphQL handler with Vercel

Execute GraphQL queries and mutations inside a serverless function hosted by Vercel.

Rename GraphQL fields with aliases

Rename fields in responses, and request the same field with different arguments as new fields with GraphQL aliases.

Authorization with GraphQL Shield

In this video we’ll explore some of the logic and input rules that come with GraphQL Shield to protect against unwanted requests.

Type safe GraphQL queries with genql

Write type safe GraphQL queries with auto completion and type validation using genql.

GraphQL Mesh as a Gateway

GraphQL Mesh acts as a proxy to your existing APIs, and gives you the ultimate developer control over how data is retrieved. It doesn't matter if your API is GraphQL, gRPC, Swagger, Postgres, and non-typed APIs.