Vue JS 3: Hide your API Key with Node.js, Express & Dotenv
In this video, I’m gonna show you how to create a simple Weather App with the OpenWeatherMap API using VueJS 3 and then - how to hide your API Key from end-users using a Node.js & Express backend.
I’ll also show you how to hide your API Key from your Git Repository using Dotenv & Environment Variables.
0:00 Introduction
1:39 Getting Started
3:15 Weather App - Design
5:55 Setup Data & Methods (Composition API)
8:11 Get Weather from API (OpenWeatherMap)
11:13 Display Weather Data
16:49 Node.js & Express Backend
20:07 Hide API Key from Users with Node.js & Express
30:07 Hide API Key from Github using Dotenv
34:12 Help Devs Launch Our Project
Suggest:
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Learn Vue.js from scratch 2018
☞ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!
☞ Vue.js Tutorial: Zero to Sixty