Add API keys as Environment Variables when Build and Deploy

[Derick317]

I have a React front-end project. For visiting back-end server, I have an API key. When developing, I set an environment variable named REACT_APP_API_KEY, and refer it in my javascript code as process.env.REACT_APP_API_KEY. It works fine locally (when I run npm start).

But now I would like to deploy it on GitHub Pages. I have added the key as a secret in my GitHub repository (just like access token). But how can I set the enviroment variable?

[JamesIves]

There's a whole section on action variables here: https://docs.github.com/en/actions/learn-github-actions/variables