How to Build a Headless CMS using Notion and StepZen
In the first of a two part series, we walk through building a GraphQL API on top of Notion in order to use it as a headless CMS.
Web Development
3 New GraphQL Developer Tools to Increase Coding Productivity
This blog shows three low-code ways to increase your GraphQL development productivity.
Building a Weather Application Using Vue, StepZen, and Express
In this tutorial, we build a weather application using StepZen, Vue, and Express. We see how that combines multiple data sources, APIs in our case, to produce a single endpoint that can be queried by a client to get weather data.
How Portable is My Spotify Playlist?
In this blog, we walk through a project to build a personal playlist exporter that migrates playlists off of Spotify. It involves setting up the Spotify OAuth flow in Remix and transforming multi-call REST sequences into concise, single-call GraphQL requests.
Convert a REST API to GraphQL and Deploy it in One Command
Learn to convert a REST endpoint into a deployed GraphQL API in one command.
Animating API Results (On a Budget)
Developing animated layouts for a web app can require a lot of browser reloads to get things right and that can cause quota-expensive queries. In this post we explore using Remix, Framer, and StepZen to develop layout animations without blowing past API quotas.
Accessing MongoDB Using a GraphQL Interface
This blog explores how to build a custom GraphQL API using MongoDB Atlas’ Data API and another REST service. You can get the ease of the built-in GraphQL API with the flexibility of the hand-coded GraphQL API and build a custom MongoDB GraphQL API without having to write and maintain code.
Building a Serverless Blog with SvelteKit, StepZen, and the DEV API
SvelteKit is a new Svelte metaframework for building web applications with filesystem-based routing. It is inspired by Next.js and is well suited for connecting to a GraphQL endpoint built and running on StepZen. In this example we build a blog using SvelteKit, StepZen, and the DEV API.
Working With Remix, GraphQL, and StepZen
How best to hook up a GraphQL endpoint to a Remix app, preferably with no external dependencies? That's the question I set out to answer with this project. With a few tricks culled from recent tutorials by GraphQL blogger Jamie Barton, JS live-streamer Jason Lengstorf, and advanced FE YouTuber Jack Herrington, I was surprised to learn how little time and code it takes to make it happen.
Logging Event Listeners with GraphQL and React Hooks
Handling event listeners and DOM tracking in a react application. React Hooks take control of state management, and when implemented properly, can empower a product team to analyze features and functionality of a web platform with ease.
Accessing SQL and NoSQL Databases with a GraphQL API
To speed app development, the divide between the frontend and the backend must be bridged. Databases providing GraphQL interfaces will bridge a part of the divide. But a middleware that speaks GraphQL on the top and native languages on the bottom will round out the solution.
Decoupling Frontends and Backends with GraphQL
GraphQL allows frontend developers to interact using their concepts and for the GraphQL layer to mediate with the backend implementations. GraphQL as the frontend API, as well as a few other constructs — interfaces, routing, and declarative specifications — give developers the tools to leverage the powerful backend-for-frontend pattern for decoupling.
Turn a WordPress Blog into a Mobile App Using StepZen and React Native
See how freelance developer, David Griffin, turned a WordPress blog with Cloudinary assets into a mobile app using StepZen and React Native.
Why Headless CMS Needs Page Management
As we look ahead to a joint Agility CMS and StepZen webinar to discuss how you can power up your Jamstack sites with GraphQL APIs and Headless CMS, we are thrilled to welcome Joel Varty to the StepZen blog to share his perspective on page management in Headless CMSs.
How to Build a GraphQL API Connected to A MySQL Database Using StepZen
Here, we give you an in-depth look at how you can easily use StepZen to connect your MySQL database to a GraphQL API.
Building a Jamstack Blog with Next.js, WordPress, and Cloudinary
This example showcases Next.js ability to statically generate blog post by querying a GraphQL API built with StepZen that returns blog posts from WordPress and images from Cloudinary.
How To Condense Your GraphQL Queries With the @materializer Directive
Learn how to use StepZen’s @materializer directive to reduce the amount of code you have to write when you’re connecting your GraphQL API to a MySQL database.
Creating a Developer Portfolio using Next.js, GraphQL, DEV and GitHub
Create a developer portfolio featuring content pulled from your DEV.to blog posts and GitHub profile and projects using Next.js and StepZen.
How to use Apollo Client to Connect a React Frontend to a GraphQL API
How to build a React frontend from scratch and query a GraphQL API with Apollo Client
Exploring JavaScript Client Libraries for GraphQL
Exploring three popular GraphQL JavaScript client libraries that you can use to connect to a GraphQL API in the browser or in Node.js.
Consuming GraphQL in Plain JavaScript
A GraphQL query is just a standard HTTP request, no special libraries needed. Let's look at how to create one in JavaScript and Node.js.