Azure static web app environment variable

Question

I am trying to publish Gatsbyjs by Azure Static web app. I have a plugin (gatsby-source-contentful).

I need to pass variables like:

{
      resolve: `gatsby-source-contentful`,
      options: {
        spaceId: process.env.CONTENTFUL_SPACE_ID,
        accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
      },
},

Error:

Running 'npm run build'...


> [email protected] build /github/workspace
> gatsby build

success open and validate gatsby-configs - 0.021s
error Invalid plugin options for "gatsby-source-contentful":

- "accessToken" is required
- "spaceId" is required
not finished load plugins - 0.905s

Where can I pass this?

Thanks.

Answer 1

For Azure Static Web Apps there is two ways to set environment variables one for front-end and one for back-end scenarios.

Since you are using Gatsby, I guess its safe to assume you are building your front-end. For that you will need to add the environment variables on your build configuration (azure-static-web-apps-.yml).

Like so:

env: # Add environment variables here
  CONTENTFUL_SPACE_ID: <your-id>

Here is the link for that in documenation.

Not to be confused with this one which is used for defining backend environment variables.