Building a Serverless JAMStack Todo app with Netlify, Gatsby, GraphQL, and FaunaDB
Offered By: egghead.io
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.
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
GatsbyJS: Getting StartedPluralsight Build an Authenticated Jamstack App with Next.js, Airtable, Tailwind CSS, and Auth0
Auth0 via YouTube Building Serverless Apps with JAMStack and Eleventy
LinkedIn Learning JAMstack Course - Build websites that are simpler, faster, and more secure
freeCodeCamp JAMstack Tutorial - Full site using Netlify & Hugo
freeCodeCamp