Gatsby 5.16.1, node 24, deps updates and cleanups (#1992)

* delete *.mini.svg and dupes, move nebula button in src

* replace gatsby-plugin-react-svg with @svgr/webpack

* update all svg import paths

* huge homepage train SVG optimization

* colocate the pages css modules with their components

* replace prop-types with JSDoc

* replace React Helmet with Gatsby head API

* Node 24, upgrade deps (Gatsby 5.16, React 19)

* Remove `gatsby-plugin-netlify`, Netlify will use `gatsby-adapter-netlify` automatically

* allow sharp post install script

* increase node's heap allocation for Netlify builds to go through

* override sharp, react and react-dom versions to latest

* undo heap space change

* add gatsby-adapter-netlify to deps only, remove overrides for react and react-dom

* revert back to React 18

* fix potential css name clash

* remove filters from URL when every one of them has the "all" value

* remove dead CSS, dead code and unused exports

* remove unused `google-auth-library` dep

Author: fturmel

.github/workflows/node.js.yml

@@ -1,5 +1,3 @@
-# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests
-
 name: Content and unit tests
 
 on:
@@ -8,17 +6,20 @@ on:
   pull_request:
     branches: ['main']
 
+permissions:
+  contents: read
+
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v7
 
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
+      - name: Use Node.js from .nvmrc
+        uses: actions/setup-node@v7
         with:
-          node-version: '20.x'
+          node-version-file: '.nvmrc'
           cache: 'npm'
 
       - run: npm ci

.github/workflows/typos.yml

@@ -6,12 +6,15 @@ on:
   pull_request:
     branches: ['main']
 
+permissions:
+  contents: read
+
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v7
 
       - name: Check spelling in content directory
         uses: crate-ci/typos@master

.nvmrc

@@ -1 +1 @@
-20
+24

CONTRIBUTING.md

@@ -49,4 +49,4 @@ To find an issue that you want to fix, scan through the list. You may find that
 
 ### Development Environment
 
-Make sure you have Node.js version `20.x` as well as npm installed. You can find how to test your changes locally [here](https://github.com/CodingTrain/thecodingtrain.com#development-info).
+Make sure you have Node.js version `24.x` as well as npm installed. You can find how to test your changes locally [here](https://github.com/CodingTrain/thecodingtrain.com#development-info).

README.md

@@ -19,7 +19,7 @@ This repo holds the website for [thecodingtrain.com](https://thecodingtrain.com/
 
 ## Development info
 
-When updating the website, it is helpful to run the website locally in order to quickly see the changes made. Make sure you have Node.js version `20.x` installed and then perform the following steps:
+When updating the website, it is helpful to run the website locally in order to quickly see the changes made. Make sure you have Node.js version `24.x` installed and then perform the following steps:
 
 1. Clone down the repo to your computer and `cd` into the folder
 2. Run `npm install`

gatsby-config.mjs

@@ -28,7 +28,6 @@ export default {
       }
     },
     'gatsby-plugin-image',
-    'gatsby-plugin-react-helmet',
     'gatsby-plugin-sharp',
     'gatsby-transformer-sharp',
     {
@@ -144,7 +143,6 @@ export default {
         name: '404-page-data',
         path: './content/pages/404'
       }
-    },
-    'gatsby-plugin-netlify'
+    }
   ]
 };

netlify.toml

@@ -2,6 +2,7 @@
   command = "npm run build-ci"
   # skip build when changes are isolated to README.md or .all-contributorsrc
   ignore = "git diff --quiet HEAD^ HEAD ':(exclude)README.md' ':(exclude).all-contributorsrc' "
+
 [dev]
   framework = "gatsby"
   targetPort = 8000