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

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

Instructor

Jason Lengstorf
1h 27m closed-captioning
Updated a month ago
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
5.0
35
people completed
Bookmark
Download
RSS

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.

Listen to Jason Lengstorf tell you about this course:

What you'll learn

  • Installing & configuring the Netlify CLI for local development
  • Managing private keys in development and production
  • Writing Serverless functions for interacting with APIs
  • Configuring a PostgreSQL-backed GraphQL API with Hasura
  • Writing custom React Hooks for triggering Serverless functions
  • Deploying a complete app with Netlify

Prerequisites

  • Command line familiarity
  • Accounts for Netlify, Hasura, and Heroku

Learner Reviews

  • Tal Friedman
    2 weeks ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Very clear explanations covering real world scenarios.

  • Learner
    a month ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    A bit confusing at first (make sure you're on the start branch) but other than that Jason was clear, concise, and helpful in helping me to understand and get interested in serverless!

  • Stefan Frede
    2 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    That course was an eye-opener 👀

Course Content

1h 27m ‱ 13 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers

    Introduction to Cloudflare Workers

    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout

    Create an eCommerce Store with Next.js and Stripe Checkout

    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use

    Practical Git for Everyday Professional Use

    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.