CategoryGraphQL

October 29, 2020 — With this guide, Ibrahima Ndaw will teach you the basics of Next.js API Routes. He will start by explaining what they are and why API Routes are useful compared to REST or GraphQL APIs. Then, he will guide you through a step by step tutorial on how to build your very first GraphQL server with Next.js and the Github API. If you want to extend your React or Next.js skills to the server-side and be able to build as well their first full-stack app with Next.js and GraphQL, this tutorial is for you! Read more…

October 8, 2020 — From a user’s profile picture to other media assets, data collection and storage to cloud services through file uploads have become an essential feature for most modern applications. Today, Nwani Victory will show you how to file uploads that can be implemented in a GraphQL application. This article will be beneficial to developers who are interested in or considering using Google Cloud Storage for file uploads in their React and Nodejs GraphQL application. While this article is not an introduction to GraphQL, each GraphQL concept used within this article is explained and referenced for better understanding. Read more…

September 16, 2020 — In this article, we will take a closer look at GraphQL and how we can integrate it into a Gatsby website by building and implementing advanced data sourcing and transformation in Gatsby. Read more…

July 29, 2020 — Ever tried interacting with a GraphQL server in a client-side application and felt like giving up even before getting anywhere? Ever declined an invitation to join a code base that requires working with GraphQL API because you had no idea? Ever felt like the only front-end engineer who hasn’t learned how to consume GraphQL APIs? If you answered yes to any of these questions, then this tutorial is for you. We’ll be taking a closer look at a few basics of GraphQL and Apollo Client, as well as how to work with both of them. By the end, we’ll have built a pet shop app that uses Apollo Client. Then, you can go on to build your next project. Read more…

March 27, 2019 — There is no better way to understand data than by visualizing it with charts and diagrams. The JS community has some great open-source projects that make data visualization easier, however, there has not been a go-to solution for building real-time backends that can back these charts and make them real-time. With GraphQL (which has a well-defined spec for real-time subscriptions), we can get a real-time backend running within seconds and use it to power real-time charts. In this article, Rishichandra Wawhal will explain how to build real-time charts with open-source technologies apt for exactly this particular task. Read more…

January 21, 2019 — In the world of APIs, GraphQL has lately overshadowed REST due to its ability to query and retrieve all required data in a single request. Using a component-based API makes most sense when the website is itself built using components, i.e. when the webpage is iteratively composed of components wrapping other components until, at the very top, we obtain a single component that represents the page.  In this article, Leonardo Losoviz will describe a different type of API, based around components, which takes a step further the amount of data it can fetch from a single request. Read more…

December 10, 2018 — Building real-time applications is hard. However, GraphQL is rapidly upending this status-quo. In three simple steps you can quickly wire-up a fully-functional real-time app, without getting mired in unnecessary details such as setting up a websocket connection. That right there is the power of community tooling backing an abstraction like GraphQL. In this article, Sandip Devarkonda will explore what GraphQL is, and then take it for a spin by building a poll app in which users can vote and on-screen aggregated results are updated in real time. Read more…

January 31, 2018 — GraphQL’s features are not a revolution, but what makes GraphQL powerful is that the level of polish, integration, and ease-of-use make it more than the sum of its parts. Many of the things GraphQL accomplishes can, with effort and discipline, be achieved using REST or RPC, but GraphQL brings state of the art APIs to the enormous number of projects that may not have the time, resources or tools to do this themselves. In this article, Eric Baer focuses almost entirely on why GraphQL exists and the problems it solves. Read more…

January 24, 2018 — Rather than exploring features first, it is helpful to put them into context and to understand how they came to exist. In this series, Eric Baer wants to introduce you to GraphQL. By the end, you should understand what it is and also its origins, its drawbacks and the basics of how to work with it. Today, Eric will go over how and why we have arrived at GraphQL by looking at the lessons learned from the last 60 years of API development, from RPC to now. Read more…