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

( the primaryDescriptionMarkdown is long - several lines, include images, as long as you want )

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>.

In <the length of these lessons> we cover <three salient points about what we cover. Your BEST points>. Its <however long it is> and comes with <these bonus features, and reasons to buy. code, etc.>

It's taught by <author name> who <credibility, reason you should listen to them>. <social proof, if you have it yet>

<then you can list other supporting stuff you want to add, anything you want here>

-------
Example:
-------

We created a free course to create your first GraphQL server (from scratch) using Node and TypeScript. TypeScript and GraphQL are a powerful combo, but there's a lot of confusing edges if you're getting it setup the first time.

In this course we cover the basics of getting TypeScript setup with Node, how GraphQL works, and how to set up a GraphQL server using Apollo server. It's two hours long, it comes with complete code examples, and we walk through the code step-by-step.

It's taught by my friend, Shopify-engineer Hassan Djirdeh and he's integrated what he's learned using GraphQL in production as an engineer at Shopify. We've already had over 1,300 students enroll and it's been getting great reviews so far.

// ... and so on

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>.

( the summary is short - one or two lines )

Environment Variables for Web Developers

This is an example of how to use some of our custom components, like a CodesandboxEmbed

Non-standard environment suffixes to avoid (as a convention not a rule):

https://www.npmjs.com/package/dotenv-flow#variables-overwritingpriority

---
title: dotenv Flow
isPublicLesson: true
useMdx: true
privateVideoUrl: https://fullstack.wistia.com/medias/gp9t0q92ha
---

> This is an example of how to use some of our custom components, like a CodesandboxEmbed

<CodeSandboxEmbed
src="//codesandbox.io/s/vanilla-d3-axis-forked-cvh0j?fontsize=14&hidenavigation=1&theme=dark&autoresize=1"
style={{width: '600px', height: '600px'}}
/>



## What is dotenv-flow

Standard environment names:

-   development
-   production
-   test

Non-standard environment suffixes to avoid (as a convention not a rule):

-   dev
-   develop
-   local
-   prod
-   staging
-   stage

Flow priority: <https://www.npmjs.com/package/dotenv-flow#variables-overwritingpriority>

## When dotenv-flow helps

A)

-   automated deployments
-   need defaults
-   need environment-specific defaults
-   `.gitignore` `.env.local`
-   during development, set env vars in `.env.local`

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Environment Variables for Web Developers

Module 1: Introduction

Introduction:

Start Here

Introduction: (1:59)

Introduction to Course

Module 2: Using environment variables with Node.js

Lesson 1: (6:03)

Why Environment Variables

Lesson 2: (18:02)

Environment Variables in Practice

Lesson 3: (22:43)

dotenv Flow

Lesson 4: (6:21)

Configuring Your Webpack Builds

Module 3: CI / CD for dotenv

Lesson 1: (12:35)

Environment Variables from External Keystore

Lesson 2: (2:10)

How dotenv Flow Interacts with CI / CD

Lesson 3: (2:10)

How to Share Environment Variables with Your Team

Module 4: dotenv in React

Lesson 1: (14:52)

Environment Variables in React Bundles

Lesson 2: (10:35)

Environment Variables in SSR

Module 5: dotenv in React Native

Lesson 1: (1:43)

Why We Can’t Use dotenv for Babel

Lesson 2: (6:22)

React Native dotenv / Babel Setup

dotenv Flow