Welcome to

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Example Code Download

You can download the complete example code by clicking here.


2 lessons 5m total


Introduction to the Newline guide to building your first GraphQL server with Node and TypeScript.


2:56 minutes

Environment Setup

Quick walkthrough of the development environment and tools used in the course.


2:53 minutes

Getting Started With Our Node Server

12 lessons1h 21m total

Module 1 Introduction

This is an introduction to the work we'll be doing in Module 1.0.


1:03 minutes

What is Node?

Node is a JavaScript runtime environment that was first introduced in 2009 by Ryan Dahl, as a response to how slow web servers were at the time. In this lesson, we'll introduce Node and talk about the capability Node provides to make I/O tasks asynchronous and non-blocking.


5:05 minutes

Running JavaScript with Node

In this lesson, we'll use Node to run a simple JavaScript file on the server.


2:58 minutes

Creating a minimal Node:Express Server

Web servers provide functionality for requests that can be made from client applications. Node has a built-in HTTP module to allow for building a server that facilitates the transfer of data in HTTP. With this lesson, we'll look to use the popular Express framework as the replacement of the core HTTP module to create a minimal Node server, with Express routing.


8:07 minutes

Automatic Reloading Using Nodemon

Nodemon is an open-source utility tool that helps automatically restart a Node server whenever a change in code is detected in development. In this lesson, we'll install Nodemon and introduce an application script that will start the Node server with Nodemon.


3:49 minutes

Introducing TypeScript

JavaScript is considered a weakly typed language. In this lesson, we'll go through a simple example of why that can be an issue in development and where TypeScript falls in the picture.


5:37 minutes

Adding TypeScript to our Server

We'll get started with TypeScript in this lesson by installing a few necessary packages in our server and setting up the configuration of our TypeScript compiler.


16:10 minutes

Compiling our TypeScript project

TypeScript is a development tool geared towards making building JavaScript applications more robust. In an application's deployed state (browser or server), TypeScript must be compiled to valid JavaScript. In this lesson, we'll see how the TypeScript compiler provides us with a command to compile and produce JavaScript code from TypeScript.


3:05 minutes

Linting with ESLint

Though VSCode includes TypeScript language support which helps us pick up TypeScript errors in our TypeScript code, we'll introduce more robust code checking with ESLint - a popular open-source JavaScript/TypeScript linting tool.


13:17 minutes

Introducing mock listings

To help us get started, we'll begin by introducing a mock data array of rental listings in this lesson. This will help us get started before we begin to address more appropriate data persistence.


7:03 minutes

Creating GET and POST Express routes

In this lesson, we'll use the routing capabilities Express gives us to create GET and POST routes that interact with the mock data array we've established.


10:45 minutes

Module 1 Summary

This lesson is a summary of the work we've done in Module 1.0.


4:03 minutes

Comparing REST & GraphQL APIs

4 lessons 27m total

Module 2 Introduction

Introduction to Module 2.0.


0:42 minutes

What is GraphQL?

GraphQL is a query language for APIs. In this lesson, we go through an initial discussion on GraphQL and how GraphQL differs from traditional REST APIs.


5:40 minutes

Comparing Github's REST and GraphQL APIs

Before we continue discussing some of the core concepts in GraphQL, we'll take a bit of a tangent in this lesson to contrast and compare Github's existing REST API (v3) and their GraphQL API (v4).


9:47 minutes

GraphQL Concepts

In this lesson, we introduce and discuss some of GraphQL's main concepts such as the GraphQL schema, object types and resolver functions.


11:22 minutes

Using Apollo Server To Create The GraphQL API

6 lessons 37m total

Module 3 Introduction

Introduction to Module 3.0.


1:00 minutes

Installing Apollo Server and GraphQL

In this lesson, we'll install the Express variation of the popular Apollo Server library and the GraphQL JavaScript library.


2:05 minutes

Creating a GraphQL Schema with the GraphQL JS Library

In this lesson, we'll use the Apollo Server and GraphQL JavaScript libraries to create a minimal GraphQL API that we'll be able to interact within an IDE known as GraphQL Playground.


9:28 minutes

Querying and mutating listings data with GraphQL

In this lesson, we'll look to mimic the listings retrieval and manipulation we had in our Express RESTful API but with GraphQL instead.


11:33 minutes

Using the GraphQL Schema Language

The GraphQL schema language is a human-readable syntax to help create GraphQL schemas. In this lesson, we'll use the GraphQL schema language to re-create the schema we have in a more readable and simpler format.


10:51 minutes

Module 3 Summary

This lesson is a summary of the final state of the work done in Module 3.0.


2:06 minutes


1 lesson 2m total

Continue the course with TinyHouse

Enroll in TinyHouse to continue the course!


2:36 minutes