Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript more →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Join our Discord Server What Our Students Say
Tutorials

This video is available to students only

Part One Conclusion

Conclusion of Part I of the course.

Congratulations! You've just finished Part I of this MasterClass. In Part I, we've introduced a series of core technologies to build a full-stack web app. We've introduced Node, TypeScript, GraphQL, Apollo, MongoDB, React, and even discussed React Hooks. We've also seen how a UI framework can help make our React UI look more presentable.

This page is a preview of TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Previous Lesson:

Styling with Ant Design

New
0:002
0:001
0:002
0:003
0:322
0:322
0:322
0:322
-:--2

Start a new discussion. All notification go to the author.

Learn

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

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Welcome: Introduction

Introduction:

Start Here

Introduction: (2:39)

TinyHouse Welcome

Introduction: (28:36)

Syllabus

Introduction: (10:46)

How To Go Through The Course

Introduction: (2:53)

Environment Setup

Introduction: (3:08)

Part One Welcome

Module 0: Getting Started With Our Server

Introduction: (1:03)

Module 1 Introduction

Lesson 1: (5:05)

What is Node?

Lesson 2: (2:58)

Running JavaScript with Node

Lesson 3: (8:07)

Creating a minimal Node:Express Server

Lesson 4: (3:49)

Automatic Reloading Using Nodemon

Lesson 5: (5:37)

Introducing TypeScript

Lesson 6: (16:10)

Adding TypeScript to our Server

Lesson 7: (3:05)

Compiling our TypeScript project

Lesson 8: (13:17)

Linting with ESLint

Lesson 9: (7:03)

Introducing mock listings

Lesson 10: (10:45)

Creating GET and POST Express routes

Lesson 11: (4:03)

Module 1 Summary

Module 1: Comparing APIs

Introduction: (0:42)

Module 2 Introduction

Lesson 1: (5:40)

What is GraphQL?

Lesson 2: (9:47)

Comparing Github's REST and GraphQL APIs

Lesson 3: (11:22)

GraphQL Concepts

Module 2: Using Apollo Server

Introduction: (1:00)

Module 3 Introduction

Lesson 1: (2:05)

Installing Apollo Server and GraphQL

Lesson 2: (9:28)

Creating a GraphQL Schema with the GraphQL JS Library

Lesson 3: (11:33)

Querying and mutating listings data with GraphQL

Lesson 4: (10:51)

Using the GraphQL Schema Language

Lesson 5: (2:06)

Module 3 Summary

Module 3: Storing Data

Introduction: (0:54)

Module 4 Introduction

Lesson 1: (3:44)

Introduction to MongoDB

Lesson 2: (6:51)

Setting up a new MongoDB Cluster with Atlas

Lesson 3: (11:18)

Connecting the server with MongoDB

Lesson 4: (12:33)

TypeScript Generics and adding types to our Collections

Lesson 5: (8:01)

Setting Up Env Variables