Controlando valores de DEV, PROD e dados sensíveis com variáveis de ambiente de um jeito show!

Já precisou fazer alguma alteração ou acessar um valor somente em produção ou desenvolvimento? Já cometeu o erro de armazenar e versionar um dado sensível no meio da sua codebase? Nesse vídeo vamos falar de variáveis de ambiente e entender como usar com casos de uso, libs e exemplos tanto pra Front quanto pra Back End! 🔸Quer ver mais conteúdos meus? Segue ai! ■   / omariosouto   ■   / omariosouto   ■ https://t.me/hipstersfrontend 🔸Sabia que eu tenho séries na Alura também? ■ https://www.alura.com.br/webseries/fr... ■ https://www.alura.com.br/webseries/gi... 🔸Guia do Vídeo 00:00 - Intro e por que usar? 00:39 - O que são variáveis de ambiente? 01:21 - Como usar variáveis de ambiente? 03:00 - Como usar a NODE_ENV e o process.env? 04:22 - Como criar uma variável de ambiente no package.json 06:10 - Definindo variáveis de ambiente na sua máquina (Mac e Linux) 07:25 - Lidando com dados sensíveis e tokens 12:53 - Variáveis de ambiente no servidor 13:44 - Variáveis de ambiente no React CUIDADO REDOBRADO!! 15:21 - Como usar a dupla dotenv e cross-env pra compatibilidade cross Sistema operacional

Styled Components, por onde começar? Os poderes do CSS in JS
▶︎

Styled Components, por onde começar? Os poderes do CSS in JS

Você PRECISA ENTENDER o conteúdo DESSE | Callbacks, Sincrono, Assíncrono e Event Loop no JavaScript
▶︎

Você PRECISA ENTENDER o conteúdo DESSE | Callbacks, Sincrono, Assíncrono e Event Loop no JavaScript

Spring Boot Environment Variables Explained (Secure Your API Keys!)
▶︎

Spring Boot Environment Variables Explained (Secure Your API Keys!)

Carregue variáveis de ambiente do jeito moderno no Node
▶︎

Carregue variáveis de ambiente do jeito moderno no Node

I am done with Golang
▶︎

I am done with Golang

Python Dotenv - Variáveis de Ambiente Eficientes no Python
▶︎

Python Dotenv - Variáveis de Ambiente Eficientes no Python

O que é um CMS? Como usar? De blog, loja até Rede Social(?) Os poderes de um CMS para um Front End!
▶︎

O que é um CMS? Como usar? De blog, loja até Rede Social(?) Os poderes de um CMS para um Front End!

Arquitetura de sistemas com Fabio Akita | #HipstersPontoTube
▶︎

Arquitetura de sistemas com Fabio Akita | #HipstersPontoTube

How to use Async/Await? Promises in JavaScript? You'll NEVER get it wrong again!
▶︎

How to use Async/Await? Promises in JavaScript? You'll NEVER get it wrong again!

Como pegar dados de uma API? Como fazer AJAX ou "AJAJ"! | Pegando dados de serviços via JavaScript
▶︎

Como pegar dados de uma API? Como fazer AJAX ou "AJAJ"! | Pegando dados de serviços via JavaScript

Como começar a estruturar um projeto React? com NextJS, Styled Components
▶︎

Como começar a estruturar um projeto React? com NextJS, Styled Components

You are a Junior Dev if You Don’t Know These 18 TypeScript Utility Types
▶︎

You are a Junior Dev if You Don’t Know These 18 TypeScript Utility Types

Node.js Tutorial for Beginners: Learn Node in 1 Hour
▶︎

Node.js Tutorial for Beginners: Learn Node in 1 Hour

Como utilizar variáveis de ambiente no Docker - Série DevOps
▶︎

Como utilizar variáveis de ambiente no Docker - Série DevOps

LocalStorage + NextJS DA PRA USAR?? Cookies ou LocalStorage? | Salvando preferências de usuário
▶︎

LocalStorage + NextJS DA PRA USAR?? Cookies ou LocalStorage? | Salvando preferências de usuário

Variáveis de ambiente | Next.js
▶︎

Variáveis de ambiente | Next.js

TypeScript, o início, de forma prática | MasterClass #07
▶︎

TypeScript, o início, de forma prática | MasterClass #07

How to hide your API keys SAFELY when using React
▶︎

How to hide your API keys SAFELY when using React

Zig 2026: No-AI Policy, $670K Foundation, Left GitHub & Why Zig Isn’t 1.0 - Andrew Kelley Explains
▶︎

Zig 2026: No-AI Policy, $670K Foundation, Left GitHub & Why Zig Isn’t 1.0 - Andrew Kelley Explains

Infinite scrolling? Scroll animation? How to use JavaScript's Intersection Observer with React!
▶︎

Infinite scrolling? Scroll animation? How to use JavaScript's Intersection Observer with React!