Anant JhingranGraphQL APIs are excellent for frontend developers, providing acceleration for application development and an improved developer experience. However, new challenges for the security of these APIs arise. Here we explore finding the right balance for GraphQL API technology on a continuum between safety and progress.
Roy DerksGraphQL and microservices architectures are perfectly compatible. You can use GraphQL as a data layer and combine data from all these services into one universal API. And StepZen can be used as this API data layer.
Lucia CerchieLearn what it means for GraphQL to be a runtime under the hood.
Roy DerksDocumentation is important to make your API understandable to your users. Writing documentation for GraphQL APIs is a bit different, as you'll learn in this article.
Roy DerksThere are many different flavors in creating the perfect GraphQL server, ranging from SDL-first to code-first or even generated solutions. This article explores different approaches and a solution to create a GraphQL API without writing any code.
Anant JhingranYou can always read docs; make SQL, cURL, or GraphQL calls; and learn the backend capabilities by trying them. Why bother about introspection? It is the way for a program to build something extraordinary on top of it. It could be Swagger docs, GraphiQL, a database optimization program, a change management tool, or another programmatic approach.
Leonardo LosovizOur guest blogger Leo is back to explore a hot topic around GraphQL directives. Looking at how directives are cateorized as query-type or schema-type and how important their functionalities are. So let's discuss the pros and cons and query-type directives that modify return values.
Anthony CampoloSometimes we need to mix and match data from CMSs and other data sources. With StepZen, you can easily mix data from an external CMS with your own project by incorporating StepZen’s custom directives.
Lucia CerchieYou can send a GraphQL query on stepzen.com/stickers and receive awesome swag-- learn how we built the page!
Leonardo LosovizIn this post, we learn how to allow an application to use two different GraphQL servers in a similar fashion. We adapt an application based on WPGraphQL to also work with the plugin GraphQL API for WordPress. This task involves adapting all field names and parameters in the GraphQL queries, converting from WPGrapQL's to the GraphQL API for WP's schema.
Lucia Cerchie, Anthony CampoloLearn about the GitHub repositories we've opened up to Hacktoberfest 2021 contributions.
Lucia CerchieLearn how to add a GraphQL API and a MySQL database to your StepZen data layer.
Helen WhelanIn a recent episode of "Learn With Jason", StepZen's Carlos Eberhardt and Netlify's Jason Lengstorf discussed the pros and cons of GraphQL for developers, and showed us how StepZen works to easily let you build a GraphQL API on a number of data sources!
Leonardo LosovizGraphiQL provides an editor to compose GraphQL queries, and a way to visualize the response, and browse the schema. In this article, Leonardo Losoviz explores some clever ways to modify the content inside the GraphiQL editor via JavaScript, allowing website visitors to execute a different GraphQL query by clicking an HTML button.
Anant JhingranAs the backend developer or API provider, you do not want just to build out APIs, you want to build out APIs that are intuitive and easy to explore, test drive and learn. Here we argue that GraphQL is the right solution, not just for the frontend developer, but for the people whose jobs are to corral and carefully expose backends.
Samuel HillThe expiration of access tokens is a security feature of the OAuth Authorization process. Using a custom GraphQL directive, StepZen lets developers continously keeping these tokens secure and up to date.
Anant JhingranTo 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.
Brian RinaldiHow to build a GraphQL API that uses StepZen's custom rest, dbquery and sequence directives to complete a complex sequence of queries within in a single GraphQL query request.
Leonardo LosovizUsing the export directive to pass dynamic data from one query to the next and manipulate it in order to complete a complex sequence of requests via a single GraphQL query.
Samuel HillCreate a Login UI/UX experience with the Google Sign-In API on a React Native mobile app. Once a user successfully logs in, we are writing a mutation in StepZen to pass the login credentials to FaunaDB.
Anant JhingranWhile databases are still a critical part of the application stack, there is a gap between the way data is provided and the way frontend applications want to consume it. GraphQL can bridge that gap by being a middle layer between the frontend and the backend.
Anant Jhingran, Lucia CerchieImplementing GraphQL doesn't mean abandoning your REST ecosystem-- far from it! Learn how adding a GraphQL layer capitalizes on the power of REST.
Leonardo LosovizGraphQL is flexible enough to allow for some creative solutions. In this article, Leonardo Losoviz explores some out-of-the-box ways to use GraphQL for resource based endpoints, schema stitching and manipulating content.
Anthony CampoloStepZen's custom sequence directive allows for multiple queries to be executed in a sequence, one after the other to return a single result. In this example we will see how to use the sequence directive to query three APIs.
Lucia CerchieLearn how to add any GraphQL API to your StepZen data layer, by autogenerating your GraphQL schemas and deploying them to your StepZen endpoint.
Leonardo LosovizTips for mapping an existing application's data model into a GraphQL schema, using WordPress as an example.
Brian RinaldiWe can leverage StepZen to pull data from a variety of data sources and convert that data into Markdown, YAML and JSON data files using the new stepzen-content-pull npm package.
Lucia CerchieLearn how to layer a GraphQL API, accessible via a StepZen endpoint, on your MySQL database.
Anant JhingranGraphQL 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.
Leonardo LosovizThere are some very promising proposals to improve the GraphQL spec under consideration. Leonardo Losoviz takes a deeper look at five of the most promising ones and what they'd mean for the future of GraphQL.
Lucia CerchieHere, we show you how to use fragments to clean up repeated code in your GraphQL schema.
Lucia CerchieLearn what scalar types are in GraphQL and what custom GraphQL scalar types StepZen provides to you.
Lucia CerchieAn interview with Eve Porcello, who shares her view on the state of GraphQL and the JAMstack.
Leonardo LosovizOne of GraphQL's key benefits over REST is the ways that improves the developer experience. This post explores the key benefits GraphQL offers over REST in terms of developer experience.
Lucia CerchieLearn how to use StepZen and GraphQL mutations to generate QR Codes with Google Sheets.
David GriffinSee how freelance developer, David Griffin, turned a WordPress blog with Cloudinary assets into a mobile app using StepZen and React Native.
Joel VartyAs 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.
Leonardo LosovizGraphQL directives are one of GraphQL's most powerful features, enabling custom capabilities that are not yet supported by the GraphQL spec, and offering a glimpse of what GraphQL may look like in the future.
Lucia CerchieMake a React app with a GraphQL API in a single command using npx-create-stepzen-app
Leonardo LosovizThe usual debate is REST versus GraphQL, but are the two really that different after all? Let's look at the similarities and differences to understand which is best for your project.
Anant JhingranFrontend developers are asked to build engaging online experiences. They need data from the backends. They must perform actions against backends. GraphQL APIs are fast becoming the language of modern app development. But who builds those APIs? Are they built quickly or are frontend developers left waiting? Who runs and manages the APIs?
Anant JhingranTo build today's web apps, you likely need data from a database. At the same time, GraphQL is playing an increasingly important role in modernizing data access to accelerate web development. See how your GraphQL view of your data can match the implementation - a set of database tables and joins.
Anthony CampoloThe RedwoodJS Example Todo is one of two canonical RedwoodJS applications, each of which use Prisma Client to connect to a PostgreSQL database. However, we can easily swap out Prisma and connect to another database. This article describes another option - how to use StepZen to swap in Airtable for the database in the Example Todo app.
Leonardo LosovizWalk through how to use two popular GraphQL clients, GraphiQL and GraphQL Voyager, via screenshots to explore their features and usage.
Sridhar RajagopalanUsing the StepZen Netlify build plugin, the deployment of a single GraphQL endpoint, built on StepZen, is simple and seamless, and happens within your Netlify build.
Anthony CampoloBuild a site that pulls data from the Shopify API using StepZen and connects it to Redwood's API side which is auto-configured with a GraphQL handler that can be deployed with serverless functions enabling secure API routes.
Brian RinaldiGraphQL directives are a powerful aspect of the GraphQL spec that you may not even be aware of. They provide extensibility to to a GraphQL API. This post looks at what GraphQL directives are, how they are used and some examples of directives in use.
Helen WhelanAlong with the mintbean.io team, we wrapped a GraphQL:Learn 'n Hack Hackathon last week. Developers had a blast building with GraphQL and we loved working with everybody. Here are some of the projects that developers built.
Lucia CerchieHere, we give you an in-depth look at how you can easily use StepZen to connect your MySQL database to a GraphQL API.
Anthony CampoloThis 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.
Brian RinaldiA step-by-step guide demonstrating how to build a GraphQL API that pulls from multiple REST endpoints using StepZen.
Lucia CerchieLearn 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.
Anant JhingranAPIs are a powerful way to fetch and combine data during static and dynamic builds. We believe that the potential of APIs in Jamstack applications is fully realized when APIs are easy to build and run and help developers seamlessly harmonize multiple data sources.
Brian RinaldiCreate a developer portfolio featuring content pulled from your DEV.to blog posts and GitHub profile and projects using Next.js and StepZen.
Helen WhelanA new library of API template schemas make it easy for developers to build a unified GraphQL API starting from a template. Save weeks of development time! No need to build a GraphQL server, understand resolvers, GraphQL stitching etc.
Anthony CampoloHow to build a React frontend from scratch and query a GraphQL API with Apollo Client
Anant JhingranWhat does a developer need to think through when deciding whether to build, own, and operate a GraphQL API service?
Brian RinaldiLet's explore the BFF pattern, how it applies to Jamstack applications and how to make it easier to implement.
Carlos EberhardtSecuring API routes for Jamstack sites is important. Here's one way to do it.
Brian RinaldiExploring three popular GraphQL JavaScript client libraries that you can use to connect to a GraphQL API in the browser or in Node.js.
Helen WhelanWe've added new capabilities that make it easy to connect your GraphQL endpoint with any REST data source, using the @rest directive.
Brian RinaldiWe've added two new capabilities that make it even easier to get started with StepZen — create-stepzen-app and stepzen start. Let's see how they work.
Brian RinaldiA look at the intertwined evolution of the Jamstack and GraphQL and how popular Jamstack tools are built upon a GraphQL foundation.
Brian RinaldiA step-by-step guide to building a custom GraphQL API using StepZen that connects to a real MySQL backend.
Brian RinaldiA 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.
Carlos EberhardtWouldn't it be great if it were as easy to create a GraphQL API from a Google Sheet as it is to share a Google Sheet with someone?
Brian RinaldiGraphQL queries are what allow GraphQL to be efficient in how it gets data, by allowing you to express only what you need but also exactly everything you need. In this post, we'll see how.
Anant JhingranStepZen's CEO shares what inspired us to create StepZen and the complex problems we are working to solve for developers.
Anant Jhingran, Sridhar RajagopalanTwo of StepZen's founders explore the benefits that made them decide to build StepZen using a Software as a Service (SaaS) model rather than a container model.
Anant JhingranGraphQL is a relatively new technology but it offers enormous benefits over the traditional RESTful solutions for frontend and backend developers.