Traditional API architectures like SOAP and REST have been powering the web for a long time. But over the past five years, a change towards a more flexible and frontend-driven approach to API protocols has started, using GraphQL. At StepZen, we believe this change is an important one that will…

This tutorial will show how to create a type-safe React application with TypeScript using the Saleor GraphQL API. Also, some basic styling will be added to this application using Bootstrap. Introduction This tutorial will show how to create a type-safe React application with TypeScript using the Saleor GraphQL API. …

In this tutorial, you will learn how to build a fullstack Angular application that uses GraphQL to fetch data from a server. The application we’ll build together will display a list of blog posts fetched from a GraphQL API using Apollo Client, including search functionality. …

Almost every frontend application needs some form of authentication. This post will build a JWT login flow with Auth0, Next.js, and StepZen. Auth0 Next.js authentication library nextjs-auth0, a library maintained by Auth0 to make integrating with Next.js flawless, will handle the authentication flow. …

Have you ever wondered why some directives have to be added to your GraphQL schemas while others you can only use in runtime? That’s because there are two types of directive locations: type system directive locations and executable directive locations. Earlier, we wrote about the different directives there are in…

There are many different ways to handle authentication in GraphQL, but one of the most common is to use OAuth 2.0 — and, more specifically, JSON Web Tokens (JWT) or Client Credentials. In this blog post, we’ll look at how to use OAuth 2.0 to authenticate GraphQL APIs using two…

Can you learn React in five minutes? Well, it depends on what you mean by “learn React”. In this blog post you will “learn the basics of React” in five minutes, by going over a few of the core concepts of React. Click the image below to watch the YouTube…

This blog post will teach you how to use Bootstrap 5 to style a React application. With Bootstrap, you don’t have to write any stying rules yourself; instead, you can use class names to apply styles to HTML elements. Click the image below to watch the YouTube video version of…

This blog post will guide you through the process of creating a new single-page React application from the ground up. We will begin by setting up a new project using Webpack and Babel. Building a React project from scratch will give you a strong foundation and understanding of the fundamental…