Practical GraphQL: Learning Full-Stack GraphQL Development with Projects

© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2023

N. BiswasPractical GraphQLhttps://doi.org/10.1007/978-1-4842-9621-9_4

4. Full-Stack GraphQL

Nabendu Biswas¹  

(1)

Bhopal, India

 

In this chapter, we will build a full-stack app with GraphQL and React. We will use Apollo for the back end and then the Apollo client to connect from the front end.

The Setup

We will first create a new folder called graphql-project-mgmt and then inside it create a folder named server. Now, inside the server folder, we will create an empty package.json file by giving the command npm init -y. See Listing 4-1.

mkdir graphql-project-mgmt

cd graphql-project-mgmt

mkdir server

cd server

npm init –y

Listing 4-1

The Setup

Next, we will ...