Vue JS 3: Hide your API Key with Node.js, Express & Dotenv

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.

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

Learn Vue.js from Scratch - Full Course for Beginners

Create Shopping basket page With Vuejs and Nodejs