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

Course

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

1
Initializing a new git repo with Github's hub CLI
1m 5s
2
Initialize a new Gatsby project with a gitignore in yarn workspaces
3m 16s
3
Setting up continuous deployment for a Gatsby site in yarn workspaces using Netlify
1m 41s
4
Taking advantage of theme-ui to build a landing page on a Gatsby project without plugins
6m 20s
5
Implementing Authentication with Netlify Identity, React hooks, and Gatsby
3m 20s
6
Using Netlify Identity to control access to a Gatsby client-side dashboard route
5m 29s
7
Fixing the Netlify Identity Widget when it prevents clicks after login
34s
8
Using theme-ui and React useReducer to implement a todo application
4m 38s
9
Deploying a GraphQL API on Netlify serverless functions with apollo-server-lambda
2m 44s
10
Implementing the types and resolvers for a serverless GraphQL Todo API
4m 11s
11
Connecting a Todo app to a serverless GraphQL API using Apollo Client and solving CORS
7m 35s
12
Using Netlify Identity to authenticate a user in a GraphQL API using apollo links
2m 16s
13
Backing a Serverless GraphQL API on Netlify with FaunaDB for data storage
8m 34s

Fixing the Netlify Identity Widget when it prevents clicks after login

Chris Biscardi

InstructorChris Biscardi

Netlify

Share this video with your friends

The netlify identity widget overlays the entire page with an iframe. this can cause the application to not receive click events. In this lesson we go over how to fix that.