Stencil Update and Change The Project Environment (.stencil)

As you see in this changelog post Bigcommerce updated the Stencil to the v3.1 and this update splits the .stencil file into secrets.stencil.json and config.stencil.json files.

Custom page/product/category files are configuring in the config.stencil.json file.

Here is an example:

{
  "customLayouts": {
    "brand": {},
    "category": {},
    "page": {
      "custom-free-trial-offer-page.html": [
        "/get-your-bottle/",
        "/actalin-free-trial/",
        "/cresceo-free-trial/",
        "/advancin-free-trial/",
        "/adventorex-free-trial/",
        "/alpha32-free-trial/",
        "/arterin-watch-free-trial/",
        "/bactipro-free-trial/",
        "/cardio-advanced-free-trial/",
        "/cotrexin-free-trial/",
        "/energis-free-trial/",
        "/everto-free-trial/",
        "/glucose-reduce-free-trial/",
        "/karalex-free-trial/",
        "/lesstranol-free-trial/",
        "/limbex-free-trial/",
        "/metabio-free-trial/",
        "/nexostat-free-trial/",
        "/optizo-free-trial/",
        "/prostate-revive-free-trial/",
        "/retamin-free-trial/",
        "/somnacore-free-trial/",
        "/venticore-free-trial/"
      ],
      "custom-bulk-order-page.html": [
        "/order-your-bottle/",
        "/actalin-bulk-order/",
        "/cresceo-bulk-order/",
        "/advancin-bulk-order/",
        "/adventorex-bulk-order/",
        "/alpha32-bulk-order/",
        "/arterin-watch-bulk-order/",
        "/bactipro-bulk-order/",
        "/cardio-advanced-bulk-order/",
        "/cotrexin-bulk-order/",
        "/energis-bulk-order/",
        "/everto-bulk-order/",
        "/glucose-reduce-bulk-order/",
        "/karalex-bulk-order/",
        "/lesstranol-bulk-order/",
        "/limbex-bulk-order/",
        "/metabio-bulk-order/",
        "/nexostat-bulk-order/",
        "/optizo-bulk-order/",
        "/prostate-revive-bulk-order/",
        "/retamin-bulk-order/",
        "/somnacore-bulk-order/",
        "/venticore-bulk-order/"
      ]
    },
    "product": {}
  },
  "normalStoreUrl": "https://store-p37hkweb9l.mybigcommerce.com",
  "port": "3090"
}

Update your stencil package globally

npm install -g @bigcommerce/stencil-cli

and nvm

nvm install 12

Then change the default nvm to the nvm v12

nvm alias default 12.20.1

Check the list of the nvm

nvm list

And then set the default nvm to the updated one. Mine is 12.20.1

nvm alias default 12.20.1

nvm use default

These are setting up your stencil and NVM globally. You don't need to re-run this command block for every project.

🧡 Happy Hacking!