CMS Development

SaraRandolph
Participant

Where to put .env file in CMS-React-Boilderplate?

SOLVE

I am working with a custom version of CMS-React-Boilderplate and I'm having a hard time accessing any .env variables. I've created a `.env` file in my root directory and I have tried access it with `process.env.REACT_APP_...` without any success. Has anyone had any sucess using a `.env` file with hubspot?

0 Upvotes
1 Accepted solution
kierana
Solution
Contributor

Where to put .env file in CMS-React-Boilderplate?

SOLVE

To use process.env you're going to need to use the EnvironmentPlugin, if you want to use .env you'll need to use https://www.npmjs.com/package/dotenv-webpack


I'm guessing you're used to using create-react-app - the CMS React Boilerplate doesn't use CRA.

 

View solution in original post

4 Replies 4
SaraRandolph
Participant

Where to put .env file in CMS-React-Boilderplate?

SOLVE

Thank you both! I ended up using the dotenv-webpack package and putting it in my webpack.config.js. Thanks for your help 🙂

Kevin-C
Recognized Expert | Partner
Recognized Expert | Partner

Where to put .env file in CMS-React-Boilderplate?

SOLVE

Thanks @dennisedson 

 

Hey @SaraRandolph not sure how much help I can bring to the table here as I haven't used env variables with the cms boiler.

 

But have you tested in other environments? This seems to be a common issue with the env variables.

 

To expand I'm not sure if the CMS boiler is configured to use the env variables. I'd imagine it would be but you know what happens when you assume lol.

 

In an attempt to not leave you empty handed I did find these links that may help you trouble shoot:

create-react-app docs

more of the same with another test method

Kevin Cornett - Sr. Solutions Architect @ BridgeRev
kierana
Solution
Contributor

Where to put .env file in CMS-React-Boilderplate?

SOLVE

To use process.env you're going to need to use the EnvironmentPlugin, if you want to use .env you'll need to use https://www.npmjs.com/package/dotenv-webpack


I'm guessing you're used to using create-react-app - the CMS React Boilerplate doesn't use CRA.

 

dennisedson
HubSpot Product Team
HubSpot Product Team

Where to put .env file in CMS-React-Boilderplate?

SOLVE

Heyo @SaraRandolph !

Tagging in @Kevin-C and @kierana to get some help here 😀

0 Upvotes