How To Hide API Keys Using Netlify

In this video I will teach you why sharing API keys is a bad idea, a high level understanding of how you can secure them, and then using a practical example, I'll show you how you can use a service called Netlify Functions which is a completely free option to secure your secrets without needing to write any backend code at all (at least not in the classical sense of "backend")

Links:
Git repo: https://github.com/DanJFletcher/how-t...
Gist for vscode debug configuration: https://gist.github.com/DanJFletcher/...

Chapters:
0:00 Introduction
0:56 Why you need to hide your API keys
1:49 How API keys get stolen
3:34 How stolen keys get used
4:36 Understand the mechanics of securing API keys
12:05 What are netlify functions?
13:16 A practical example of using netlify functions
18:28 Make your first netlify function
22:44 Make request a request to your function
24:24 Setup Netlify Dev Server to serve your function
27:30 Update function to send request to weather API
34:28 Update request to pass geolocation data to function
38:19 Set up VS Code debugger with netlify functions
42:15 Secure your secret in an environment variable
44:12 How to keep environment variables out of your git repo
46:37 How this will work live in production
49:15 How to deploy to Netlify
53:23 Summary




Background Music:
Polarity by Theevs
g-wow by Kathali

Checkout Artilist for awesome background music in your own videos! If you use my referral link you'll be supporting my channel, thanks! https://artlist.io/Dan-492842