This is a quick guide to adding environment variables to React apps, so let's get to it.
Step 1, Creating .env file
Create a file in your root folder and name it .env
.
Step 2, Adding variables
Inside you .env create variable like this
REACT_APP_SECRET_TOKEN=TOKEN
Note: variables should start with REACT_APP
Step 3, Using variables inside your app
After you added .env
file and variables re-build your app with npm start
. Now you can use your environment variables by simply passing it inside your app {process.env.REACT_APP_SECRET_TOKEN}
Top comments (0)