Introduction to Course

Introduction

Why Environment Variables

Environment Variables in Practice

dotenv flow

Configuring Your Webpack Builds

Using environment variables with Node.js

Environment Variables from External Keystore

How dotenv Flow Interacts with CI / CD

How to Share Environment Variables with Your Team

CI / CD for dotenv

Environment Variables in React Bundles

Environment Variables in SSR

dotenv in React

Why We Can’t Use dotenv for Babel

React Native dotenv / Babel Setup

dotenv in React Native

Conclusion and extra resources

In 12 videos we cover environment variables in back end node, front end react, and mobile react native. You'll learn when environment variables are not even the best solution for configuration and how to test them.

Every time I used to build a new project it seemed there is a different strategy you have to come up with to manage configurations.

When I heard of dotenv and how common it was I figured that a standard would be simple to setup and consistent, but when I started using it felt like I had to re-invent the wheel every time.

After building hundreds of apps from scratch, consulting with people all over the industry, and answering countless questions to users of my open source libraries, I discovered that there's only a few patterns you need to know to be able to configure any app from scratch securely in a team.

In this course I'll show you the patterns for configuring any Javascript project to be secure and robust in team settings using environment variables.

In 12 videos we cover environment variables in back end node, front end react, and mobile react native. You'll learn when environment variables are not even the best solution for configuration and how to test them.

It's taught by Kemal Ahmed who is the maintainer of react-native-dotenv.

Learn the strategies senior engineers use to configure their projects to run securely, anywhere with environment variables.

Environment Variables for Web Developers

How to use dotenv to build a 12-factor app

How to integrate dotenv into React Native

Differences between dotenv on the front end and back end

---
title: How dotenv Flow Interacts with CI / CD
privateVideoUrl: https://stream.mux.com/Y02ScTknekZYrlXeOf02XB7sOkmQm2ehcnqx3k3QxERTw.m3u8
isPublicLesson: true
code: https://gitlab.com/fullstackio/books/newline-course-apps/environment-variables-for-web-developers-app/-/tree/main/code/module_02/lesson_02.02/App?ref_type=heads
---

## Process

1.  Make sure your code is reading from the .env.test file locally and from the environment for your Continuous Integration build.
2.  Find out where environment variables are to be set in the dashboard of the service.
3.  Set the environment variables in the dashboard.

How dotenv Flow Interacts with CI / CD

Masterclasses

Tutorials

Fullstack React with TypeScript