Upgrade Next.js and remove OpenSSL workaround

Author: justinvforvendetta

.github/workflows/build-and-deploy.yml

@@ -30,8 +30,6 @@ jobs:
   # Build job
   build:
     runs-on: ubuntu-latest
-    env:
-      NODE_OPTIONS: --openssl-legacy-provider
     steps:
       - name: Checkout
         uses: actions/checkout@v4

README.md

@@ -205,8 +205,6 @@ http://localhost:3000
 
 GitHub Pages deployment is handled by the GitHub Actions workflow in `.github/workflows/build-and-deploy.yml`, which runs `yarn install --frozen-lockfile` and `yarn build` on pushes to `master`.
 
-The current Next.js/Webpack stack still requires the `--openssl-legacy-provider` flag on Node 22, and that compatibility flag is already included in the repo scripts.
-
 ## Translations
 
 ### Folder structure

components/TGAdmins.js

@@ -4,13 +4,13 @@ import {
   faTwitter,
 } from '@fortawesome/fontawesome-free-brands';
 
-import { tgadmins } from '../lists/tgadmins.json'
+import tgAdminsData from '../lists/tgadmins.json';
 
 const hasAnySocialContact = (telegramAdmin) => telegramAdmin.twitter || telegramAdmin.telegram
 const getSocialClassNames = (social) => Boolean(social) ? 'icon iconlink' : 'icon iconlink hidden'
 
 const TGAdmins = () => {
-  const telegramAdmins = tgadmins.map(telegramAdmin => (
+  const telegramAdmins = tgAdminsData.tgadmins.map((telegramAdmin) => (
     <div className="col-xs-12 col-md-3">
       <div className="team--member tg--admins pb-xs">
         <div className="flexIt">
@@ -44,6 +44,6 @@ const TGAdmins = () => {
       {telegramAdmins}
     </div>
   );
-}
+};
 
 export default TGAdmins;

lists/mentions.json

@@ -204,7 +204,7 @@
       "date": "2018-04-17"
     },
     {
-      "url": "https://cryptovest.com/news/verge-xvg-mystery-partner-officially-revealed-almost-broke-the-internet//",
+      "url": "https://cryptovest.com/news/verge-xvg-mystery-partner-officially-revealed-almost-broke-the-internet/",
       "img": "../static/img/mentioned-in/Cryptovest.png",
       "width": "100",
       "title": "Verge (XVG) Mystery Partner Officially Revealed! Almost Broke the Internet",

next.config.js

@@ -1,6 +1,8 @@
-const webpack = require('webpack');
-
 module.exports = {
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+
   exportPathMap(defaultPathMap) {
     const exportMap = { ...defaultPathMap };
 
@@ -14,9 +16,12 @@ module.exports = {
     };
   },
 
-  webpack: (config, { dev }) => {
+  webpack: (config, { dev, webpack }) => {
     if (!dev) {
-      config.plugins.push(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/));
+      config.plugins.push(new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/locale$/,
+        contextRegExp: /moment$/,
+      }));
     }
     config.module.rules.push({
       test: /locales/,
@@ -27,7 +32,10 @@ module.exports = {
       },
     });
     if (dev) {
-      config.plugins.push(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/));
+      config.plugins.push(new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/locale$/,
+        contextRegExp: /moment$/,
+      }));
     }
 
     return config;

package.json

@@ -5,10 +5,10 @@
   "main": "index.js",
   "scripts": {
     "test": "yarn build && ./node_modules/.bin/sass-lint styles",
-    "dev": "NODE_OPTIONS=--openssl-legacy-provider node server.js",
-    "build": "NODE_OPTIONS=--openssl-legacy-provider next build && NODE_OPTIONS=--openssl-legacy-provider next export -o docs && echo 'vergecurrency.com' > docs/CNAME && echo '' > docs/.nojekyll && cp -r static-pages/paper-wallet docs && cp -r static-pages/seedphrase docs",
-    "prestart": "NODE_OPTIONS=--openssl-legacy-provider next build",
-    "start": "NODE_ENV=production NODE_OPTIONS=--openssl-legacy-provider node server.js",
+    "dev": "node server.js",
+    "build": "next build && next export -o docs && echo 'vergecurrency.com' > docs/CNAME && echo '' > docs/.nojekyll && cp -r static-pages/paper-wallet docs && cp -r static-pages/seedphrase docs",
+    "prestart": "next build",
+    "start": "NODE_ENV=production node server.js",
     "lint": "./node_modules/.bin/eslint . --fix",
     "updateLanguages": "node locales/updateLanguages.js",
     "predeploy": "yarn updateLanguages && yarn build",
@@ -56,16 +56,16 @@
     "markdown-in-js": "^1.1.3",
     "moment": "^2.29.4",
     "moment-timezone": "0.6.0",
-    "next": "9.5.5",
+    "next": "12.3.4",
     "normalize.css": "^8.0.1",
     "npm-update-all": "^1.0.1",
     "nprogress": "^0.2.0",
     "platform": "^1.3.5",
     "postcss-easy-import": "^4.0.0",
     "prop-types": "^15.7.2",
-    "react": "16.14.0",
+    "react": "17.0.2",
     "react-burger-menu": "^3.1.0",
-    "react-dom": "16.14.0",
+    "react-dom": "17.0.2",
     "react-expand-collapse": "^0.2.0",
     "react-i18next": "^7.3.4",
     "react-lazyload": "^3.2.1",