Gain insights into building full stack apps with GraphQL. Learn back-end setup, front-end integration with React, Apollo Client, and advanced GraphQL features, including caching and testing.

gld.tar.gz

CreatingBackendProject

ImplementingFirstResolver

NestedResolver

QueriesParameters

ExerciseAddCategories 

SettingUpTheDBlayer

ReturningDataFromDB

ExerciseReadUserDataFromDB 

ImplementingMutation

ErrorHandling

UI Setup

Pre-UI Setup

Client Queries

ImplementingDataLoaderWithAppllo

ExerciseImplementingDataLoader

Client Queries Exercise

Client Queries Server

Client Queries Server GraphQl

Client Queries-copy

UI-testing

Client Queries  Basam

CreatingBackendProjectInitialVersion

Pagination With GraphQL

Client Queries-React-Auth

ImplementingMutation-copy

ExerciseAddCategories -copy

GraphQL is a rapidly growing data query and manipulation language for web APIs. A strong grasp of GraphQL is essential for any software engineer who is developing applications on the modern web.

This course is a comprehensive introduction to building full-stack web applications using GraphQL. You’ll start by implementing a back end and exploring GraphQL’s unique approach to API implementation. After setting up your database, you’ll build a front-end application using React. The application will pass GraphQL queries using an Apollo client to pull information from the back end. You’ll wrap up with an exploration of more advanced GraphQL features, including DataLoader, Apollo client caching, and testing GraphQL applications.

By the end of this course, you’ll be ready to build full stack web applications using GraphQL, React, and Apollo.

Building Full Stack Applications with GraphQL

Here I've gathered a collection of common issues you might encounter when running a demo application.

## Cannot connect to the Docker daemon

You might get the following error when you run the `npm` command:

```
Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?
```

To fix this you likely need to start Docker and re-run the command again

## The frontend or Apollo Explorer do not work in my browser

Security policies in some browsers (most notably Brave) may not allow sending cookies from one domain to another. Try using Chrome to fix this issue.

## Cannot find module

You might get the following error in a terminal when running an application or in a browser:

```
Error: Cannot find module 'apollo-server'
```

To fix this you need to re-install dependencies for a server or client project. To do this just run the following command:

```
npm install
```

## Your local changes would be overwritten

You might get the following error when you try to switch to a different commit in the project repository:

```
git checkout <version-name>
...
error: Your local changes to the following files would be overwritten by checkout:
```

This can happen if you've made some changes to the project and these changes interfere with switching to a different commit. To fix this save your changes if need to preserve them, and then do the following:

```
# In the root folder of the project
git checkout -- .
```

This will remove all locally made changes and will allow you to switch to a different commit.

Here I've gathered a collection of common issues you might encounter when running a demo application.

# Cannot connect to the Docker daemon

You might get the following error when you run the `npm` command:

```
Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?
```

To fix this you likely need to start Docker and re-run the command again

# The frontend or Apollo Explorer do not work in my browser

Security policies in some browsers (most notably Brave) may not allow sending cookies from one domain to another. Try using Chrome to fix this issue.

# Cannot find module

You might get the following error in a terminal when running an application or in a browser:

```
Error: Cannot find module 'apollo-server'
```

To fix this you need to re-install dependencies for a server or client project. To do this just run the following command:

```
npm install
```

# Your local changes would be overwritten

You might get the following error when you try to switch to a different commit in the project repository:

```
git checkout <version-name>
...
error: Your local changes to the following files would be overwritten by checkout:
```

This can happen if you've made some changes to the project and these changes interfere with switching to a different commit. To fix this save your changes if need to preserve them, and then do the following:

```
# In the root folder of the project
git checkout -- .
```

This will remove all locally made changes and will allow you to switch to a different commit.

Learn how to troubleshoot the demo application.

Troubleshooting Demo Application

Getting Started with GraphQL

GraphQL Backend

Developing Frontend Application

Protecting GraphQL API

Advanced GraphQL

Appendix

Troubleshooting Demo Application

Cannot connect to the Docker daemon