gitignoreĮnvironment variable files should not be committed to Git as they often contain secrets Variables are set when JavaScript is compiled so when the development server is started To expose a variable in the browser, you must preface its name with GATSBY_. Variables should be kept secret and not exposed to anyone visiting the site. This loads _API_URL and _KEY for use in gatsby-*.js files and functions.įor example, when configuring a plugin in gatsby-config.js: Accessing Environment Variables in the browser.īy default, environment variables are only available in Node.js code and are not available in the browser as some To load these into Node.js, add the following code snippet to the top of your gatsby-config.js file: env.development.įor builds, it will load from. In development, Gatsby will load environment variables from a file named. Loading environment variables into Node.js requires a small code snippet. Gatsby has built-in support for loading environment variables into the browser and Functions.

Npm config set environment variable