Member-only story

How to Use GraphQL in Flutter

Build a simple to-do app

Michael Krasnov
Better Programming
5 min readApr 21, 2020

--

Photo by Markus Winkler on Unsplash

Flutter is taking the world by storm, and this comes as no surprise. It offers unmatched performance and robust multi-platform support. In this article, I will walk you through integrating GraphQL into Flutter apps, making queries, and performing mutations.

What Is GraphQL?

GraphQL is a query language developed by Facebook. It is supposed to replace REST as a mean of API communication. I will assume some basic knowledge of GraphQL for the REST (pun intended) of the article.

Server Setup

Developing a GraphQL API is out of scope for this article. Instead, we will use a pre-made one. Head out to the repo and clone it. I have forked this server from @haikyuu — many thanks to you.

Once you have it cloned, open it in Terminal and run:

npm i npm start

This will install all dependencies and start the server. This server is a basic to-do app back end that lets you create, query, and modify tasks. It’s built using json-graphql-server; be sure to check it out.

--

--

Michael Krasnov
Michael Krasnov

Written by Michael Krasnov

Software Developer | Writer | Open Source Evangelist

Responses (2)

What are your thoughts?