How to Specify Node.js Version When Building Azure Static Web App

Problem

Azure Static Web App creates a GitHub Action that uses Oryx to build your web app. I have a React App that uses node.js to build. However, the default version of node Oryx is using is currently 14.x. I would like to use version 16.x for building my App.

In the build log of GitHub Action, you can see node version 14.x is being used.

Solution

Unlike what you usually do with YAML build definitions. There's no parameter for node versions in Azure/static-web-apps-deploy@v1 action currently.

We have to edit our project's package.json in order to specify a node version. Add the following code into your package.json file.

"engines": {
    "node": ">=16.0.0"
}

Now, the build will use Node.js 16.x.