YoVDO

Build a Corgi Up-boop Web App with Netlify Serverless Functions and Hasura

Offered By: egghead.io

Tags

Netlify Courses Web Development Courses API Security Courses CORS Courses Serverless Functions Courses Hasura Courses

Course Description

Overview

Starting from a prebuilt frontend, Jason Lengstorf guides you through the creation of a "Corgi Up-boop App" that uses Netlify Functions and Hasura. You can view the deployed final product on Netlify.
You'll set up the Netlify CLI, and configure a local development environment before writing and deploying functions with a few different use cases.
The first example function bypasses CORS restrictions to retrieve corgi data from an example third-party API.
Next, you'll configure environmental variables to securely communicate with the Unsplash API without exposing private keys to the client.
Serverless functions don't persist data by themselves, so we will use Hasura to create a GraphQL API for tracking the number of "boops" each corgi receives.
This course is an excellent illustration of the speed of Serverless functions, and how fast you can implement functionality in your web applications.

Syllabus

  • What Are Serverless Functions?
  • Set up a Preact Project in a Local Development Environment
  • Set up a Local Development Environment for Serverless Functions Using Netlify
  • Deploy Serverless Functions to Production on Netlify using the Netlify CLI
  • Manually Trigger Netlify Serverless Functions Locally
  • Circumvent CORS when Accessing a Third-Party API using Netlify Functions
  • Import and Set Environment Variables from a .env file using Netlify CLI
  • Load Data Using Secure API Keys from a Third-Party API with Netlify Serverless Functions
  • Create a Database using Hasura Cloud and a Postgres Instance to Store Data
  • Send GraphQL Requests to Hasura from Netlify Serverless Functions using node-fetch
  • Load Existing Data from a Hasura Database using Netlify Serverless Functions
  • Update Data in Database Triggered by Client Interactions with Netlify Serverless Functions
  • Deploy a Static Application to Production on Netlify

Taught by

Jason Lengstorf

Related Courses

Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
Git a Web Developer Job: Mastering the Modern Workflow
Udemy
HTML5 para quem não sabe nada de HTML5
Udemy
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy