Breaking News: Grepper is joining You.com. Read the official announcement!

how to use ".env" file in React-client side

Mappy Show answered on July 27, 2022 Popularity 3/10 Helpfulness 7/10

answer how to use ".env" file in React-client side

how to use ".env" file in React-client side

Comment

// UPDATED VERSION
// how to use ".env" file in React-client side:
> npm i env-cmd	
	// create ".env.dev" root of your client folder
    // It must start with "REACT_API_"
	REACT_API_STRIPE_PUBLISHABLE_KEY=xxxxxxxxxxx
	REACT_API_STRIPE_SECRET_KEY=xxxxxxxxxxxx
	REACT_API_STRIPE_CLIENT_ID=xxxxxxxxxxxxx

	// client/package.json: "add part":
	// It will start "env-cmd -f .env.dev"
	"scripts": {
		"start": "env-cmd -f .env.dev react-scripts start",
		"build:staging": "env-cmd -f .env.staging react-scripts build",
		"build:production": "env-cmd -f .env.production react-scripts build",
		"test": "react-scripts test",
		"eject": "react-scripts eject"
	  },
	
	// use it to get desired data:
	const stripeAPI_key = `${process.env.REACT_API_STRIPE_PUBLISHABLE_KEY}`;

Popularity 3/10 Helpfulness 7/10 Language javascript

Source: github.com

Tags: file javascript

Link to this answer
Share Copy Link

Contributed on Jul 27 2022

Mappy Show

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to use ".env" file in React-client side

Contents

More Related Answers

how to use ".env" file in React-client side

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.