Superfilter AI
GraphQL Courses
Learn GraphQL to create flexible APIs for web and mobile applications. Learn about GraphQL through a variety of courses and resources on Frontend Masters.
Headless CMSs with Next.js
Master headless CMS integration in Next.js. Learn content modeling, GraphQL queries, dynamic routing, and previews. Build a fully functional website with Contentful and explore advanced caching techniques.

drag handle
Server-Side GraphQL in Next.js
Superfilter AI
Craft schemas, interface types, and resolvers while building a custom GraphQL API with Next.js.

drag handle
Client-Side GraphQL with React, v2
Superfilter AI
Wire up a React client application with dynamic data while learning the fundamentals of GraphQL queries and mutations.

drag handle
Fullstack TypeScript (feat. GraphQL & Node.js)
Stripe
Generate TypeScript code based on a GraphQL schema. Combine TypeScript and GraphQL's type systems to create full-stack, fully-type-checked codebases.

drag handle
Advanced GraphQL, v2
Superfilter AI
Learn GraphQL topics like authentication, handle errors, and adding tests. Then access realtime data using subscriptions.

drag handle