Build a Corgi Up-boop Web App with Netlify Serverless Functions and Hasura
Offered By: egghead.io
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.
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
30 Days to Learn LaravelLaracasts 3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn Accessibility Audit
Amazon Web Services via AWS Skill Builder Expanding Your JS Skills with Angular
A Cloud Guru