YoVDO

Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB

Offered By: egghead.io

Tags

Jamstack Courses GraphQL Courses Gatsby Courses Continuous Deployment Courses Netlify Courses Apollo Client Courses

Course Description

Overview

This application serves as an introduction to building products with a JAMStack and Serverless approach. We cover everything from the beginning:
starting with the Gatsby client
handling authentication with Netlify Identity
Shipping a GraphQL server on Netlify Functions
Building in access control with a serverless capable database
It uses tools that remove as many of the barriers as possible while also allowing upgrading in the future. Netlify Functions can grow into AWS Lambda, Netlify Identity can grow into Auth0 or Cognito, and FaunaDB can grow into DynamoDB.

Syllabus

  • Initializing a new git repo with Github's hub CLI
  • Initialize a new Gatsby project with a gitignore in yarn workspaces
  • Setting up continuous deployment for a Gatsby site in yarn workspaces using Netlify
  • Taking advantage of theme-ui to build a landing page on a Gatsby project without plugins
  • Implementing Authentication with Netlify Identity, React hooks, and Gatsby
  • Using Netlify Identity to control access to a Gatsby client-side dashboard route
  • Fixing the Netlify Identity Widget when it prevents clicks after login
  • Using theme-ui and React useReducer to implement a todo application
  • Deploying a GraphQL API on Netlify serverless functions with apollo-server-lambda
  • Implementing the types and resolvers for a serverless GraphQL Todo API
  • Connecting a Todo app to a serverless GraphQL API using Apollo Client and solving CORS
  • Using Netlify Identity to authenticate a user in a GraphQL API using apollo links
  • Backing a Serverless GraphQL API on Netlify with FaunaDB for data storage

Taught by

Chris Biscardi

Related Courses

Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
WordPress: Building Apps with Angular
LinkedIn Learning
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy
From zero to a Gatsby developer
Udemy
Gatsby Tutorial
Net Ninja via YouTube